nav {
      text-align: center;
      margin-top: 15px;
      width:100%;
    }

    nav a {
      color: white;
      text-decoration: none;
      margin: 0 10px;
      font-weight: 500;
      border-bottom: 2px solid transparent;
      transition: border-color 0.3s;
    }

    nav a:hover {
      border-bottom: 2px solid white;
    }
.nav{
        display:block;
    }
@media(max-width:500px){
        body > header > nav{
            display:none;
        }
        .menuLine{
            width:73px;
            height: 3px;
            background: rgb(255, 255, 255);
            display: block;
        }
        .menuLine:nth-child(2){
            margin:17px;
            width:33px;
        }
    }

.openMenu{
    display:flex;
    justify-content: center;
    align-items: center;
    width:100%;
    height:0;
    font-size: 0;
    transition: all ease-in-out 1s;
    flex-direction:column;
    opacity:0;
    position: fixed;
    z-index:999;
    background: white;
}
.openMenu > a{
    text-decoration: none;
    color:#2563eb;
    transition: all ease-in-out 1s;
}