* {
        box-sizing: border-box;
    }

    body {
        margin: 0;
        padding: 25px;
        background-image: url(backgrounds/crossword.jpg);
    }

    .container {
        width: 100vw;
        height: 100vh;
        font-family: fake receipt;
        font-size: 20px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 100px 1fr 1fr 50px;
        gap: 10px;
        grid-template: 100px 1fr 1fr 50px / repeat(3, 1fr);
        margin-left: 10px;
    }

    header {
        padding: 10px;
        grid-column-start: 1;
        grid-column-end: 4;
        width: 95%;
        filter: drop-shadow(0px 1px black) drop-shadow(0 -1px black) drop-shadow(1px 0 black) drop-shadow(-1px 0 black) drop-shadow(0px 1px rgb(8, 7, 8)) drop-shadow(0 -1px rgb(2, 2, 2)) drop-shadow(1px 0 rgb(16, 15, 15)) drop-shadow(-1px 0 rgb(7, 7, 7));
    }

    header h1 {
        filter: drop-shadow(0px 1px black) drop-shadow(0 -1px black) drop-shadow(1px 0 black) drop-shadow(-1px 0 black) drop-shadow(0px 1px rgb(8, 7, 8)) drop-shadow(0 -1px rgb(2, 2, 2)) drop-shadow(1px 0 rgb(16, 15, 15)) drop-shadow(-1px 0 rgb(7, 7, 7));
        color: palegoldenrod;
    }

    footer {
        padding: 10px;
        border-width:7px;
        border-style:solid;
        border-image: url("https://i.imgur.com/NJa4bp2.png") 8 round;
        border-color: antiquewhite;
        overflow-y:auto;
        grid-column: 1 / span 3;
        width: 95%;
        background-color: antiquewhite;
    }

    .content-large {
        display: grid;
        grid-template-columns: 1fr 2fr;
        grid-template-rows: 1fr 2fr;
        padding: 10px;
        border-width:7px;
        border-style:solid;
        border-image: url("https://i.imgur.com/NJa4bp2.png") 8 round;
        border-color: antiquewhite;
        overflow: scroll;
        grid-row-start: 2;
        grid-row-end: span 2;
        grid-column-start: 1;
        grid-column-end: 3;
        margin-top: 25px;
        background-image: url(backgrounds/grid.jpg);
    }

    .general-info {
        border-top: 3.5px double #000;
        border-left: 3.5px double #000;
        border-right: 3.5px double #000;
        border-bottom: 3.5px double #000;
        height: 950px;
    }

    .general-info h3 {
        background-color: lightcoral;
        border: #000 1px ridge;
    }

    .general-info ol {
        background-color: lightgoldenrodyellow;
        border: #000 1px ridge;
    }



    .overview {
        border-top: 3.5px double #000;
        border-left: 3.5px double #000;
        border-right: 3.5px double #000;
        border-bottom: 3.5px double #000;
        background-color: antiquewhite;
    }

    .overview p {
        margin: 25px;
    }

    .content-large li {
        list-style: url(favicons/thoughtswirl.gif);
        
    }

    .content-small {
        padding: 10px;
        border-width:7px;
        border-style:solid;
        border-image: url("https://i.imgur.com/NJa4bp2.png") 8 round;
        border-color: antiquewhite;
        overflow-y:auto;
        width: 85%;
        margin-top: 25px;
        background-image: url(backgrounds/grid.jpg)
    }

    .content-small h3 {
        background-color: lightskyblue;
    }

    .content-small h5 {
        background-color: lightsalmon;
    }
    
    .content-small p {
        background-color: lightcyan;
    }

    .content-small ol {
        list-style: url(favicons/thoughtswirl.gif);
        background-color: lightsalmon;
    }