:root {
                --sidebar-bg: url(https://i.pinimg.com/1200x/be/84/67/be8467e0ada5ab74b442e86c6fec88af.jpg);
                --page-bg: url(/images/conventions/conblog-bg.jpg);
            }

            @font-face {
                font-family: 'AccentFont'; /*a name to be used later*/
                src: url('main-assets/main-fonts/1942-report.ttf'); /*URL to font*/
            }

            body {
                background-image: var(--page-bg);
                background-attachment: fixed;
                background-color: black;
                background-position: top;
                background-size: 100% auto;
                margin:0px;
            }

            table {
                width:820px;
                overflow: hidden;
                min-height:700px;
                height:100%;
                background-size:cover;
                z-index: 2;
                position:absolute
            }

            td {
                border: 0px solid red;
            }

            h2 {
                text-align: center;
            }

            .link-list {
                list-style: inside square;
                text-align: center;
                width:150px;
                margin: auto;
                padding:0px;
                padding-top: 5px;
            }

            .link-list a {
                font-size: 16px;
                color:rgb(92, 55, 23);
            }
            
            .divider {
                border:0px solid red;
                height:60px;
                width:100px;
                display: block;
                margin-left:375px;
                background-image: url(images/conventions/ink.png);
                background-size: cover;
                background-repeat: no-repeat;
            }
            #sidebar {
                width:250px !important;
                color:rgb(92, 55, 23);
                vertical-align: top;
                background-image: var(--sidebar-bg);
                background-color:rgb(26, 14, 3);
                border-right: 20px solid tan;
                border-image: url(/images/conventions/whitelace.png) 34 round;
                background-clip: padding-box;
            }

            #sidebar-header {
                overflow: hidden;
                
            }

            #sidebar-header h1 {
                font-family: 'AccentFont';
                transform: rotate(357deg);
                font-size: 16px;
                width:80%;
                text-align: left;
                padding:0px;
                margin-top:10px;
                margin-left:7px;
            }

            .sidebar-paper {
                background-image: url(/images/conventions/side-paper.png);
                background-position: top;
                background-size: 140px;
                background-repeat: no-repeat;
                margin-top:10px;
                padding:5px;
                margin:5px;
                border:0px solid red;
            }

            .sidebar-paper a {
                color: rgb(142, 94, 53);
                text-decoration: none;
                font-size:16px;
            }

            .sidebar-paper a:hover {
                color: tan;
                text-decoration: underline;
            }

            #sidebar ul {
                transform: rotate(2deg);
                width:100px;
                margin-left: 15px;
                padding:0px;
                list-style-type: none;
                line-height: 25px;
            }

            #sidebar li::before {
                content: "> ";
                display: show;
                margin:0px;
                padding:0px;
                color: rgb(179, 152, 117);
            }

            #right {
                background-size:contain;
                background-position: top left;

            }

            #header {
                background-image: url(/images/conventions/paper-header.png);
                background-repeat: no-repeat;
                background-size: 600px;
                background-position: top;
                height:113px;
                border: 1px solid transparent;
                margin: 0px;
                
            }

            #header h1 {
                text-align: right;
                margin-right:50px;
                margin-top: 75px;
                color: rgb(92, 55, 23);
                font-family: 'AccentFont';
                font-size: 40px;
                transform: rotate(357deg);
            }

            .main {
                background-image: url(images/conventions/paper-mid.png);
                background-repeat: repeat-y;
                background-size: 600px;
                background-position: top;
                display: block;
                padding:5px;
                color:rgb(92, 55, 23);
            }

            .maincontent {
                width:500px;
                margin:auto;
                padding:5px;
                margin-right:30px;
                margin-top:15px;
                min-height: 375px;
            }

            .maincontent p {
                background-color: rgba(220, 212, 187, 0.619);
            }

            #footer {
                background-image: url(/images/conventions/paper-footer.png);
                background-repeat: no-repeat;
                background-size: 600px;
                background-position: top;
                overflow: show;
                height:210px;
            }

            #blog-header {
                font-family: 'AccentFont';
                text-align: center;
                background-image: url(images/conventions/header-pape2.png);
                background-size: 100%;
                background-repeat: no-repeat;
                margin:0px;
                margin-top:10px;
                padding: 20px;
                height:35px;
            }

            #blog-header p {
                transform: rotate(358deg);
                margin:0px;
                padding:0px;
            }

            a {
                color:floralwhite;
                font-size:13px;
            }

            a:hover {
                color:tan;
                cursor: crosshair;
            }

            .pic:hover, .pic-long:hover {
                transform:rotate(5deg);
                cursor: crosshair;
            }

            .link-no-access a{
                color:rgb(194, 185, 169);
                text-decoration: line-through;
            }

            .link-no-access a:hover{
                color:rgb(194, 185, 169);
                text-decoration: line-through;
                cursor: not-allowed
            }

            .pic, .pic-long {
                border:0px solid red;
                margin:-15px auto;
                display: inline-block;
                vertical-align: middle;
                width:160px;
                background-repeat: no-repeat;
                background-position: center;
                background-size:110px;
            }

            .pic img {
                height:200px;
                width: 158px;
            }

            .pic-long img {
                height:110px;
                width: 160px;
            }
            

            .gears {
                position:absolute;
                top:-100px;
                right:-150px;
                height:500px;
                z-index: 1;
                animation: parallax-gears 3s linear;
                animation-timeline: scroll();
            }

            #lamps {
                position:absolute;
                bottom:-10px;
                left:50px;
                height:400px;
                z-index: 3;
                animation: parallax-lamps 1s linear;
                animation-timeline: scroll();
            }

            @keyframes parallax-gears {
                from {
                    margin-top: 0px;
                }
                to {
                    margin-top:200px;
                }
            }

            @keyframes parallax-lamps {
                from {
                    margin-bottom: -100px;
                }
                to {
                    margin-bottom:15px;
                }
            }

            .hover-text {
                font-size: 14px;
                margin:auto;
                display: none;
                position: absolute;
                z-index: 100;
                overflow-wrap: break-word;
                max-width: 200px;
                text-align: left;
                padding: 5px;
                cursor: help;
                background-color: rgb(222, 213, 183);
                color:rgb(92, 55, 23);
                transform: rotate(-5deg);
            }

            .pic:hover span.hover-text, .pic-long:hover span.hover-text {
                display: block;
            }

            @keyframes blink {
            0% {
                color:floralwhite;
            }

            50% {
                color:rgb(92, 55, 23);
            }

            100% {
                color:floralwhite;
            }
        }
        .blinking-text {
            text-align: center;
            animation: blink 0.5s infinite;
        }