/* mobilenav.css */

/* Basic reset */
html, body {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
}

body {
        background: #000;
        color: #fff;
        font-family: sans-serif;
}

/* Fullscreen nav, centered single column */
nav {
        display: grid;
        width: 100%;
        height: 100vh;
        place-items: center;
        row-gap: 2rem;
}

/* Hide the nav toggle */
#navToggle {
        display: none;
}

/* Languages section (flags) in a column */
#languages {
        display: grid;
        row-gap: 1rem;
        justify-items: center;
}

/* Flag style */
.langFlag {
        width: 40px;
        display: block;
}

#current-flag {
        filter: grayscale(60%);
        opacity: 0.5;
}

/* Links below flags, also in a column */
#navLinks {
        display: grid;
        row-gap: 1rem;
        justify-items: center;
}

/* Link style */
#navLinks a {
        font-size: 1.5rem;
        color: #fff;
        text-decoration: none;
        border-bottom: 1px solid transparent;;
        padding: 0.25rem 0.5rem;
        text-align: center;
}
.current a {
        border-bottom: 1px solid  #0B5C9E;
}
.nav-link.current, .foot-link.current {
        border-bottom: 2px solid  #ff0000;
}