/* Nav */
nav{
    text-align: center;
    display: flex; flex-direction: column; justify-content: space-around; align-items: flex-end;
    position: fixed; top: 0; right: 1dvw;
    height: 100dvh;width: 5dvw;
    z-index: 9;
}
nav a{
    max-width: 100%; height: fit-content;
    transition: .5s;
}

nav a div{
    border-radius: 0.7dvw;
    background-color: black;
    width: 2.5dvw;
    height: 2.5dvw;
    transition: .5s;
}

nav a div:hover{
    transform: rotate(180deg) !important;
}