*{
    margin:0;
    padding:0;
}
header{
    width:100%;
    max-width:1440px;
    height:110px;
    min-height:110px;
    background-color: rgb(170, 255, 170);
    display:flex;
    justify-content: center;
    align-items: center;
    max-width:1300px;
    z-index:3;
}
header > ul{
    width:100%;
    color:white;
    text-shadow:1px 1px black, -1px -1px black;
}
header > ul > li{
    display:inline-block;
    margin-right:3%;
}
header > ul > li > a{
    color:white;
    font-weight: bold;
    text-decoration: none;
    /* text-shadow:-2px -2px black; */
    font-size:33px;
    transition:all ease 1s;
}
header >  a > button{
    width:200px;
    height:40px;
    border-radius:17px;
    color:white;
    font-size: 33px;
    text-shadow: 1px 1px black;
    background-color: coral;
    transition:all ease 1s;
}
header >  a > button:hover{
    background-color: rgb(255, 197, 175);
    color:black;
    text-shadow:-1px -1px white;
}
header > ul > li > a:hover{
    color:aquamarine;
}
header::after{
    content: " ";
    width:100%;
    max-width:100%;
    position: absolute;
    top:0;
    min-height: 110px;
    z-index:-1;
    background-color: rgb(170,255,170);
}
@media(max-width:700px){
    #menu{
        display:block;
        height: 50px;
        display:grid;
        justify-content:center;
        align-items:center;
        justify-items:center;
    }
    header > ul{
        display:none;
    }
     #menu > span{
        display:block;
        background-color: coral;
        width:70px;
        height:3px;
        border-radius:3px;
        z-index: 33;
    }
    header{
        justify-content: space-around;
    }
}
@media(min-width:700px){
    #menu{
        display:none;
    }
   
}

/* ======================================== */
/* MENU */
/* ======================================== */
.okMenu{
    display:flex;
    justify-content: center;
    align-items: center;
    justify-items: center;
    flex-direction:column;
    position: fixed;
    top:0;
    width:100%;
    height:1vh;
    z-index: 999;
    background-color: rgb(170,255,170);
    transition:all ease 1s;
    opacity:0;
}
.okMenu > a{
    font-size:1px;
    transition: all ease 1s;
    text-decoration: none;
    color:white;
    text-shadow: 2px 2px black;
}