*{
    margin: 0;padding: 0;box-sizing: border-box;
}
.container{
height: 100vh;


}

.navbar {
    height: 10vh;
    display: flex;
    width: 100%;
   

    align-items: center;
    justify-content: space-between;

}

.nav-item {
    display: flex;
    gap: 0.5rem;
    margin-right: 5%;
    
    
    
    
}
.note{
    background-color: black;
    color: white;

    margin-top: 2%;
    display: flex;
    justify-content: center;align-items: center;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1rem;
}

.home {
    
    text-decoration: none;
    color:  #4d5b61;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: 600;
    
    
    
    font-size: 1rem;
    
}
.logo {
    height: 95%;
    margin-left:5% ;
    
    
    
    
    
}
.contact {
    font-weight: 600;
    color:  #4d5b61;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-decoration: none;
    font-size: 1rem;
    
    
    
}



@media screen and (max-width: 600px) {
    
    
    
    .home {
        font-size: 0.8rem;
        
        
    }
    
    .contact {
        font-size: 0.8rem;
        
        
        
    }


}
.all-sem{
    display: flex;
    flex-direction: column;
    gap: 1.9rem;

}
.line {
    height: 1vh;
    background-color: #4d5b61;
    
}

.hero{
    height: 80vh;
    width: 100%;
    padding: 5%;
}
.sem{
    background-color: #4d5b61;
    height: 3rem;
    border-radius: 5rem;

    display: flex;
    justify-content: center;
    align-items: center;
  
}
.sem-link{
    color: white;
    text-decoration: none;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1rem;
    
}

footer{
    margin-top: 5%;
    height: 5vh;
    background-color: #4d5b61;
    display: flex;
    justify-content: center;align-items: center;
}

.wish{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: white;
}