nav .menu{
    flex-direction: column;
    position: absolute;
    justify-content: flex-start;
    width: 100%;
    height: 90vh !important;
    background-color: var(--brandColor1);
    top: 100%;
    left: 0;
    height: auto;
    padding: 1rem ;
    transform: scale(0);
    border-radius: 100% 0% 0% 100% / 0% 0% 100% 100% ;
    transition: 200ms;
    transform-origin: top right;
} 
nav .menu li {
border-bottom: 2px solid white;
align-self: start;
}
nav .menu li a{
    text-transform: uppercase;
}
nav .navToggler{
    display: flex;
}

.showNav{
    transform: scale(1) !important;
    border-radius: 0 !important; 
}