body{
            background-color: black;
            font-size: 14px;
            font-weight: 400;
            font-style: normal;
            color: white;
            font-family: "Cormorant Garamond", serif;
        }
        a {
            color: white;
            text-shadow: 3px 3px black;
        }
        .hovertip {
            position: relative;
            cursor: pointer;
        }
        .hovertip:hover:after{
            position: absolute;
            bottom: -1px;
            right: 110%;
            padding: 2px;
            width: 150px;
            border-radius: 3px;
            color: #fff;
            content: attr(hover);
            text-align: right;
            line-height: .9;
            z-index: 2;
            font-size: 10px;
        }
        .main {
            width: 800px;
            display: table;
            margin-right: auto;
            margin-left: auto;
            position: relative;
            background-image: url("https://cryb4by.neocities.org/silenthill/rustytileRed.png");
            margin-top: 20px;
}
        .header{
            width: 800px;
            height: 200px;
            background-image: url('https://cryb4by.neocities.org/silenthill/heatherHeader.png');
            font-family: "Special Elite", system-ui;
        }
        .home{
        position: absolute;
        height: 0;
        opacity: 0.5;
        }
        .nav{
            width: 250px;
            height: 200px;
            display: table-cell;
            vertical-align: middle;
            padding-left: 5px;
            text-align: right;
            font-size: 14px;
        }
        .nav a {
            color: #742f23;
            text-shadow: 3px 3px black;
            text-decoration: none;
        }
        .nav a:hover{
            margin-right: 5px;
            letter-spacing: 1px;
            mix-blend-mode: color-dodge;
            color: #d0d0d0;
        }
        .quotebar{
            width: 800px;
            background-color: rgb(0 0 0 / 0.7);
            text-align: center;
            height: 25px;
            line-height: 25px;
            font-size: 16px;
        }
        #quote{
            margin: 0;
            padding: 0;
            font-style: italic;
            color: rgba(255, 255, 255, 0.65);
        }
        .maininner{
            display: grid;
            grid-template-columns: 200px 600px;
        }
        .innerL{
        background-color: rgb(0 0 0 / 0.3);
        font-family: "Slabo 27px", serif;
        font-size: 12px;
        text-align: center;
        }
        .innerR{
        text-align: center;
            line-height: 1.1;
        }
        .large {
            font-size: 24px;
            font-style: italic;
            margin: -90px;
        }
        .small {
            font-size: 12px;
            font-style: italic;
            margin: 0;
            padding-left: 100px;
            padding-right: 100px;
            align-content: center;
            background-color: rgb(0 0 0 / 0.3);
            font-family: "Cormorant Garamond", serif;
        }
        .halo{
            z-index: -1;
            position: fixed;
            margin-left: 550px;
            animation: spin 15s linear infinite;
            opacity: 0.2;
        }
        .accent {
            color: red;
        }
        @keyframes spin {100% {transform: rotate(360deg);}}
        .pollcontainer{
            display: grid;
            grid-template-columns: 100px 100px;
        }
        .poll{
            padding:2px;
            width:100px;
            font-family: "Special Elite", system-ui;
            font-size: 12px;
            margin-top: 35px;
        }
        .pollbutton {
            background-color: black;
            border: none;
            color: white;
            text-align: center;
            text-decoration: none;
            font-family: "Special Elite", system-ui;
            font-size: 12px;
            cursor: pointer;
        }
        .footer {
        background-color: rgb(0 0 0 / 0.6);
        font-family: "Special Elite", system-ui;
        font-size: 9px;
        line-height: 1.1;
        text-align: center;
        padding: 5px;
        }
        .sidehead {  
        margin: 0;
        padding-top: 1px;
        background-color: rgba(0, 0, 0, 0.52);
        color: white;
        line-height: 1.1 !important;
        text-align: left;
        font-family: "Cormorant Garamond", serif;
        font-size: 14px;
        }
        .title {
            font-size: 32px;
            font-style: italic;
            margin: 0;
        }