/***** BASICS *****/

    body {
        margin: 0;
        background-image: url(/backgrounds/LCRQAiI.jpeg);
        background-color: darkslategray;
        display: flex;
        flex-direction: column;
    }

    @font-face {
        font-family: degrassi;
        src: url(/fonts/Hynole.ttf);
    }

    @font-face {
        font-family: fake receipt;
        src: url(/fonts/Fake\ Receipt.otf);
    }

/***** WRAPPER *****/

    .wrapper {
        border-width:7px;
        border-style:solid;
        border-image: url(/backgrounds/squiggle.png) 8 fill round;
        width: 1000px;
        height: 900px;
        margin: 50px auto;
    }

/***** HEADER *****/

    header {
        background-image: url(/backgrounds/pop.png);
        padding: 2em 0 2em 0;
        font-family: degrassi;
        text-align: center;
        border-top: 3.5px double #000;
        border-left: 3.5px double #000;
        border-right: 3.5px double rgb(152, 179, 150);
        border-bottom: 3.5px double rgb(152, 179, 150);
        border-radius: 15px;
    }

/****** NAV MARQUEEE ******/

    .nav {
        font-family: fake receipt;
        background-image: linear-gradient(rgb(151, 157, 151), white 50%, rgb(151, 157, 151), white 50%);
        padding: 1em 0 1em 0;
        border-style: ridge;
        border-radius: 25px;
        border-color: #dadcde;
    }

/***** MAIN CONTENT ******/

    .content {
        display: flex;
        flex: 1;
    }

    .left {
        background-image: url(/backgrounds/pop.png);
        padding: 3em 0 3em 0;
        flex: 1 1 100px;
        flex-grow: 0;
        height: 500px;
        border-top: 3.5px double #000;
        border-left: 3.5px double #000;
        border-right: 3.5px double rgb(152, 179, 150);
        border-bottom: 3.5px double rgb(152, 179, 150);
        border-radius: 15px;
    }

    main {
        background-image: url(/backgrounds/pop.png);
        padding: 3em 0 3em 0;
        flex: 5 5 150px;
        height: 650px;
        overflow: scroll;
        padding: 1rem;
        border-top: 3.5px double #000;
        border-left: 3.5px double #000;
        border-right: 3.5px double rgb(152, 179, 150);
        border-bottom: 3.5px double rgb(152, 179, 150);
        border-radius: 15px;
        font-family: fake receipt;
    }

    main p {
        font-family: Courier;
    }