.section-menu
{
    display : none;
    place-items : start center;
    position : fixed;
    top : 0;
    height : 100vh;
    height : 100svh;
    min-height : fit-content;
    max-height : 1080px;
    width : 100vw;
    width : 100svw;
    max-width : 100svw;
    /* inset : 0; */
    color :  maroon;
    background-color : transparent;
    background-image : linear-gradient( to right, rgba(77, 1, 1, 0.93), rgba(77, 1, 1, 0.9), rgba(77, 1, 1, 0.93) ), url( /assets/images/bg-white.avif );
    background-position : center, center;
    z-index : 100;
    padding : 0;
    overflow-x : hidden;
}



.section-menu.active
{
    display : grid;
}



.section-menu .outer-wrapper
{
    display : flex;
    place-items : center center;
    position : relative;
    width : 100%;
    height : fit-content;
    max-width : var( --max-width );
    min-height : 100%;
    overflow-x : hidden;
}



/* .section-menu:not( .active )
{
    display : none;
} */



.section-menu svg.menu-close
{
    position : absolute;
    right : 0;
    justify-self : end; /* Moves item to the right edge of its cell */
    align-self : start;
    margin : 12px;
    height : 45px;
    width : auto;
    cursor : pointer;
    filter : drop-shadow( 0 0 2px rgba( 0, 0, 0, 0.7 ) );
    z-index : 101;
}



.section-menu .menu-wrapper
{
    display : flex;
    flex-direction : column;
    align-items : center;
    justify-content : center;
    width : 100%;
    flex-grow : 1;
    margin-top : 1.5rem;
    margin-bottom : 1.25rem;
    max-height : 1080px;
}



.menu-wrapper a
{
    text-decoration : none;
}




.section-menu  .menu-wrapper a:visited
{
    text-decoration : none;
}




.menu-link
{
    padding : 0.3rem;
    border-radius : 2px;
    font-size : 0.8rem;
    margin : 0;

}



.link-style-1
{
    background-color : rgba(168, 213, 250, 1);
    color : rgba(1, 65, 90, 1);
}



.link-style-2
{
    background-color : rgba(53, 0, 0,1);
    color : rgba(255, 255, 255, 1);
}



.link-style-3
{
    background-color : white;
    color : rgba(53, 0, 0,1);
}



.link-style-4
{
    background-color : rgba(1, 65, 90, 1);
    color : aliceblue;
}