body { color: white; background-image: url("background.gif"); overflow-y:scroll; font-family: "Helvetika", serif; } /******************** I fucked up the order when adding viewport shit for mobile, so all the default stuff up top here is for mobile, desktop viewer below ************/ h1.rainbow { /* main headers, rainbow big*/ text-align: center; font-size: 2vmax; align-content: center; background-color: black; font-family:"PressStart2P"; font-weight:lighter; } h2 { /* normal font white - updates; spooky notes*/ text-align: center; font-size: 1.5vmax; margin: 1em; font-weight:lighter; font-family:"PressStart2P"; } h3 { /* normal font 7anguine's red speech*/ color: #f70404; text-decoration:none; font-weight:lighter; font-size: 1.5vmax; font-family:"PressStart2P"; } h4.rainbow{ /*normal font rainbow; used for regular text with rainbow*/ text-align: center; font-size: 1.5vmax; font-family:"PressStart2P"; font-weight:lighter; } h5 { /* sigil icons*/ font-size: 5vmax; margin: 1px; } h6 { /* small */ font-size: 1.5vmax; text-align: center; word-wrap: break-word; } .t1 { color:yellow; } #page-container { /* div container starting after ending between and wraps whole body including footer */ position: relative; min-height: 100vh; } #content-wrap { /* div container starting after #page-container ending before