* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    position: relative;
    /* height: 100vh; */
    display: grid;
    grid-template-columns: 290px auto;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "header header"
        "aside main"
        "aside footer";
    transition: grid-template-columns 0.35s ease;
}

.aside-open {
    z-index: 4;
}

.aside-close {
    z-index: 4;
}

.dropdown-list {
    z-index: 6;
}

.dropdown-item {
    z-index: 6;
}

header {
    z-index: 5;
    grid-area: header;
}

aside {
    z-index: 3;
    grid-area: aside;
}

footer {
    z-index: 2;
    grid-area: footer;
}

main {
    z-index: 1;
    grid-area: main;
}

.width-auto-scroll::-webkit-scrollbar {
    display: none;
}