/* === OVER-ARCHING STYLE === */
    /* FONTS */
@font-face{
    font-family: 'ComicHelvetic';
    src: url(fonts/ComicHelvetic_Light.otf);
}
    
    #container{
        display:block;
        margin: 0 auto;
        padding-left: 200px;
        padding-right: 20px;
        padding-top: 20px;
        max-width: 1366px;
    }
.paper{
    display: block;
    margin: auto;
    background-color: white;
    width: 800px;
    height: 950px;
    padding: 40px;
}
    body {
        margin: 0;
        image-rendering: pixelated;
        background: url(images/confettibg.png);
        font-family: monospace;
    }
    ul {
        list-style: none;
        margin: 0;
        padding: 6px 13px;
    }
        li {
            padding: 2px 0;
        }

    a {
        text-decoration: none;
    }
        a:hover {
            text-decoration: underline;
        }
h1, h2{
    padding-left: 60px;
}
h1, h2, h3, h4, h5, h6{
    font-family: ComicHelvetic;
}

/* === SPECIFICS === */
.listbox{
    background-color: white;
    width: 300px;
    padding: 10px;
    list-style: none;
    border: solid #6f37c2 1px;
    height: 200px;
    overflow-y: scroll;
    margin: 15px;
    float: left;
}

/* === MAIN SIDEBAR === */
    #sidebar {
        position: fixed;
        width: 180px;
        height: 100%;
        background-image: linear-gradient(to bottom, #ff00, #231456),url(images/bubblesbg.png);

    }
        .sidebarbox {
            margin: 10px auto 0;
            width: 90%;
            min-height: 36px;
            background-color: white;
            border: solid #6f37c2 1px;


        }
        .sidebarbox label {
            display: block;
            height: 24px;
            border: solid #6f37c2 1px;
            background-image: linear-gradient(#f097ef 0%,#cd6be8 25%,#a164dd 49.9%,#9b39d2 50%,#6f37c2 75%,#4e31b7 100%)
        }

        .sidebarbox label b {
            display: block;
            padding: 3px 6px;
            color: white;
        }

/* === MODIFIER CLASSES ===*/
    .center {
        display: block;
        margin: 4px auto;
        text-align: center;
    }
    .imgheader {
        display: block;
        margin: 0 auto;
        padding-top: 10px;
    }
    /* PAPER */