*{
    margin: 0px;
    padding: 0px;
}
body{
    overflow-x: hidden;
    background-image: linear-gradient(to bottom, rgb(227 32 41), rgb(8 147 246));
    background-size:cover;
    color: aliceblue;
    padding: 1rem;
     
}
 
.shuk{
    display: flex;
    justify-content:space-between;
    font-size:2vw;
}

 
.top{
    display: flex;
    justify-content: center;
    border: 2px solid black;
    box-shadow: 2px 2px 3px 2px red;
    flex-direction: column;
    font-size: 1.5vw;
    font-weight: 600;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    padding: 2rem;
}
 .personal{
    display: flex;
    justify-content: center;
   
 }
 .past{display: flex;
    justify-content: center;
    flex-direction: column;
    border: 2px solid black;
    box-shadow: 2px 2px 3px 2px red;
    font-size: 1.5vw;
    font-weight: 600;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    padding: 2rem;

 }
 .traj{display: flex;
    justify-content: center;
   

 }
 .home{
    padding-top:1em ;
    display: flex;
    justify-content:center;
    padding-right:1rem;
}
.home a img{
    max-inline-size: 20%;
    block-size: auto;}
 .current{
    display: flex;
    justify-content: center;
    flex-direction: column;
    border: 2px solid black;
    box-shadow: 2px 2px 3px 2px red;
    font-size: 1.5vw;
    font-weight: 600;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    padding: 2rem;

 }
 .curr{display: flex;
    justify-content: center;
   

 }
 .hobby{ display: flex;
    justify-content: center;
    flex-direction: column;
    border: 2px solid black;
    box-shadow: 2px 2px 3px 2px red;
    font-size: 1.5vw;
    font-weight: 600;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    padding: 2rem;


 }
 .hobbies{display: flex;
    justify-content: center;

 }
 .destination{display: flex;
    justify-content: center;
    flex-direction: column;
    border: 2px solid rgb(245, 235, 235);
    box-shadow: 2px 2px 3px 2px red;
    font-size: 1.5vw;
    font-weight: 600;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    padding: 2rem;

 }
 .destiny{display: flex;
    justify-content: center;

 }
 @media only screen and (max-width: 600px){
    .top{
        font-size: 3.5vw;
    }
    .current{
        font-size: 3.5vw;
    }
    .destination{
        font-size: 3.5vw;
    } .hobby{
        font-size: 3.5vw;
    }
    .past{
        font-size: 3.5vw;
    }
    .shuk{
        font-size: 3.5vw;
         
    }
}

.footer{
    background-color: black;
    padding:30px 0px;
    font-family: 'Play', sans-serif;
    text-align:center;
    }
    
    .footer .row{
    width:100%;
    margin:1% 0%;
    padding:0.6% 0%;
    color:rgb(239, 234, 234);
    font-size:0.8em;
    }
    
    .footer .row a{
    text-decoration:none;
    color:rgb(230, 218, 218);
    transition:0.5s;
    }
    
    .footer .row a:hover{
    color:#b24444;
    }
    
    .footer .row ul{
    width:100%;
    }
    
    .footer .row ul li{
    display:inline-block;
    margin:0px 30px;
    }
    
    .footer .row a i{
    font-size:2em;
    margin:0% 1%;
    }
    
    @media (max-width:720px){
    .footer{
    text-align:left;
    padding:5%;
    }
    .footer .row ul li{
    display:block;
    margin:10px 0px;
    text-align:left;
    }
    .footer .row a i{
    margin:0% 3%;
    }
    }
    .name{
      color:#ff1361;
      font-size: large;
    }