nav.phoneMenu{
    margin-top: 5rem;
    position: absolute;
    height: 100vh;
    width: 100vw;
    z-index: 2001;
    
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 2.5rem;

    &.animationClass_closed{
        display: none;
    }

    &.animationClass_open{
        background: url("../Assets/Backgrounds/navigationBackground.png");
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.5rem;
        animation: phoneMenuApparition 0.3s linear forwards;
        overflow: hidden;
    }

    &.animationClass_close{
        animation: phoneMenuDisparition 0.3s linear forwards;
    }

    a{
        display: flex;
        justify-content: center;
        width: 100%;
        color: white;
        letter-spacing: 0.085rem;
        line-height: 2.5rem;
        font-size: 1.25rem;
        font-family: var(--font-text);

        &.selected{
            outline: 1.5px solid white;
        }

        &:active, &:focus, &:target, &:enabled, &:visited{
            outline: 1px solid white;
            background-color: rgba(255, 255, 255, 0.197);
            
        }
    }
}