/* AdoKa */
@import "colortheme.css";
@import "accent-colors.css";

/* =================================================== GRID ========================================================= */
html {
}

aside, header, article, footer {
    border-radius: 0 0.5em 0.5em;
    padding-left: 0.5em;
    margin: 0px;
    border-width: 0.5em;
    border-top: inset;
    border-color: var(--background3-color);
    box-shadow: -0.1em .2em .6em 0 rgba(0, 0, 0, .35);
}

body {
    hyphens: auto;
    display: grid;
    grid-template-columns: 4fr 4fr 4fr 4fr;
    grid-template-rows: repeat(32, 1fr);
}

header {
    grid-column-start: 1;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 1;
}

nav {
    grid-column-start: 1;
    grid-column-end: 6;
    grid-row-start: 2;
    grid-row-end: 2;
}

ul {
    list-style-type: none;
    padding: 0.5em;
}

li {
    list-style-type: none;
}

aside {
    grid-column-start: 4;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 3;
    justify-content: stretch;
}

main {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 3;
    border:double;
}

article {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 3;
}

footer {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 4;
    grid-row-end: 4;
}


    
}