* , ::after, ::before{
    margin:0;
    padding:0;
    box-sizing: border-box;
    text-decoration: none;
}

.center{
    width:100vw;
    height:7vh;
    position: fixed;
    z-index:3 ;
    background-color: #146C94;
    box-shadow: 1px 1px 1px 1px black;
    display: flex;
    flex-direction: row;
    justify-content:space-between ;
    align-items: center;
    padding : 0 2vw;
    transition: all 0.3s ease-in-out;
 }
.center h4{
    font-size:2rem;
}
.links{
    display: flex;
    gap: 1vw ;
    font-size:2rem;
    list-style:none;

}
.links a { 
    color : black; 
    padding-bottom:4px;
   transition: all 0.1s ease-in-out;

}
.links a:hover {
     border-bottom: 3px solid black ;
}
.hamburger{
    display: none;
    width:30px;
    cursor: pointer;
    transition:all 0.3s ease-in;
}
.hamburger:hover{
    transform: scale(1.1);
}
body{
    background-color:  #F6F1F1;  
}
main{
 
  padding-top:7vh;
  width:100vw;
  height:100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#btn {
    background-color: transparent;
    border-radius: 12px;
    width:8rem;
    height:2em;
    font-size: 20px;
    padding:4px;
    transition: all 0.5s ease-in-out;
    transform: scale(1.0);

}
#btn:hover { 
    background-color:transparent ;
    transform: scale(1.2    );
}
main h2{
    color: white;
    background-color: #222;
    
    font-size:2.5rem;
    border-radius: 12px;
    border:1px solid black ;
    padding:1.5rem;
    margin: 2vh;
}
.color { 
    color : #19A7CE;
}

@media screen and (max-width:500px) {
    .center{
        padding-top:10px;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        gap:1rem;
        overflow: hidden;
    }
    .center.active{
        height:24vh;
    }
    .links{
        flex-direction: column;
        gap:0.5rem;
    }
    .hamburger{
        position: absolute;
        top:14px;
        right:5px;
        display: inline-block;
    }
    main h2{
        font-size: 1.5rem;
        margin:0;
        margin-bottom: 1rem;
    }
}