
@media (max-width:480px){
    
       *{
          margin:0rem;
          padding:0rem;
          user-select:none;
          box-sizing:border-box;
          scrollbar-width:none;
      }
      
      img{width:100%;height:100%;margin:0rem;display: block;}
      a{text-decoration:none}
      
      body{background:rgb(24, 24 ,24);margin:0rem}


    main.mobile-profile-page-section{
        width:100%;
        height: 100vh;
        background:none;
        padding: 0 1rem 1rem 1rem; 
        border:none;
        overflow:scroll;
    }

    section.mobile-profile-page-header{
        width:100%;
        height:30%;
        background:none;
        border-radius: 1rem;
        position:relative;
    }

    div#mobile-profile-picture{
        width:5rem;
        height:5rem;
        background:none;
        border-radius: 50%;
        position: absolute;
        bottom:-2.5rem;
        left:50%;
        transform: translateX(-50%);
        border:0.1rem solid white;
        z-index:1000;
    }   

    img.mobile-profile-image{
        position: absolute;
        z-index:10;
        border-radius: 1rem;
    }

    img.mobile-profile-picture{
        border-radius:50%;
    }

    section.mobile-profile-archive-record{
        width:100%;
        height: 20%;
        background:none;
        margin-top:3rem;
        display: flex;
    }


    section.mobile-profile-info-section{
        width:63%;
        height:100%;
        background:none;
        border-top:0.1rem solid white;
        border-bottom: 0.1rem solid white;
        padding:0.4rem;
        display: flex;
        flex-flow:column;
        justify-content: center;
    }

    section.mobile-profile-info-aside{
        width:37%;
        height:100%;
        background:none;
        border-top:0.1rem solid white;
        padding:0.5rem;
        border-bottom: 0.1rem solid white;
    }

    
    div.mobile-profile-table-info{
        display:flex;
        background: none;
        margin-bottom:0.5rem;
        font-family: Arial, Helvetica, sans-serif;
        color:white;
        font-size:0.85rem;
    }

    div#mobile-profile-title{
        width:50%;
    }

    div#mobile-separator{
        width:5%;
    }

    div#mobile-profile-detail{
        width:45%;
    }

    div#mobile-profile-info-aside-image{
        width:100%;
        height:100%;
        background:none;
        border:0.1rem solid white;
    }

    section.mobile-profile-description{
        width:100%;
        height:58%;
        background:white;
        padding-top:0.3rem;
        border-bottom-left-radius: 2rem;
        border-bottom-right-radius: 2rem;
        padding:0.8rem;
        
        font-family: Arial, Helvetica, sans-serif;
        word-spacing: 4px;
    }

    p#mobile-profile-description{
        line-height:1.3;
    }
               
         
          section.mobile-exiting-profile-page{
        display:block;
        width:100%;
        height:4rem;
        background:none;
        padding:0.4rem 0.4rem 0.4rem 0;
    }

    div#mobile-exiting-profile-page{
        width:3.5rem;
        height:100%;
        background:none;
        padding:0.5rem;
    }   


    
}

