.mobile-layout {
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-areas:
        "header"
        "main"
        "nav "
}


header {
    padding: 15px;
    grid-area: header;
    background-color: var( --primary-lignt);
}

.current-name{
    color: var(--dark);
    font-size: 1.6rem;
    font-weight: 600;
}

.main-menu {
    background-color: var( --primary-lignt);
    grid-area: nav;
}

.main-menu ul,
.main-menu li {
    list-style: none;
}


.main-menu ul li a {
    color: #aaa;
    text-decoration: none;
    font-size: 1.2rem;
    padding: 10px;
}

.main-menu ul li.active a {
    color: var(--dark);
    border-radius: 5px;
    font-weight: bold;
}


#pages {
    padding: 15px 10px;
    grid-area: main;
    overflow-y: auto;
    &::-webkit-scrollbar{
        display: none;
    }
}