@font-face{font-family:"News Gothic Bold";src:url("../assets/fonts/News-Gothic-Bold.woff") format("woff")}@font-face{font-family:"Nothing You Could Do";src:url("../assets/fonts/Nothing_You_Could_Do/NothingYouCouldDo-Regular.ttf") format("truetype")}@font-face{font-family:"Permanent Marker";src:url("../assets/fonts/Permanent_Marker/PermanentMarker-Regular.ttf") format("truetype")}@font-face{font-family:"Ginto";src:url("../assets/fonts/ABCGintoDiscord-Regular.woff2") format("woff2")}@keyframes film-flicker{0%{filter:sepia(1) brightness(1) opacity(.75)}10%{filter:sepia(1) brightness(.93) opacity(.75)}20%{filter:sepia(1) brightness(1.03) opacity(.75)}30%{filter:sepia(1) brightness(.9) opacity(.75)}40%{filter:sepia(1) brightness(1.02) opacity(.75)}50%{filter:sepia(1) brightness(.95) opacity(.75)}60%{filter:sepia(1) brightness(1.03) opacity(.75)}70%{filter:sepia(1) brightness(.93) opacity(.75)}80%{filter:sepia(1) brightness(1.02) opacity(.75)}90%{filter:sepia(1) brightness(.97) opacity(.75)}100%{filter:sepia(1) brightness(1) opacity(.75)}}div.page-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;div.page-bg__color{position:absolute;inset:0;background-color:#161616;transition:background-color 1.2s ease}div.page-bg__image{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s ease}}body{overflow-x:hidden;background-color:#161616;box-sizing:border-box;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;margin:0;padding:0;main{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;div.background{margin:1rem 0;width:100vw;display:flex;flex-flow:row nowrap;justify-content:space-evenly;>*{width:33.33%}>section{z-index:2}>img{width:33.33%;height:auto;align-self:center;box-shadow:.25rem .25rem .125rem rgba(0,0,0,.5);&:first-of-type{transform:rotate(-4deg)}&:nth-child(3){transform:rotate(4deg)}}}section{background-color:white;padding:1rem;max-width:720px;width:80%;text-align:left;margin:4rem auto;--main-color:#000;--accent-color:#000;--quote-color:#000;transition:filter 1.2s ease,opacity 1.2s ease;&.is-unfocused{filter:grayscale(1) brightness(.5);opacity:1}img{max-width:100%;height:auto}&#introduction{font-family:"News Gothic Bold",Verdana,Geneva,Tahoma,sans-serif;background-color:#000;background-size:cover;--main-color:goldenrod;color:var(--main-color);--accent-color:goldenrod;--quote-color:goldenrod;border-radius:0;display:flex;flex-flow:column nowrap;justify-content:space-between;font-weight:bold;letter-spacing:.25rem;word-spacing:.25rem;gap:4rem;h1{font-size:3rem;margin-bottom:1rem}h2{margin-top:1rem;font-size:2rem}blockquote{display:flex;flex-flow:column nowrap;gap:1rem;p{font-style:normal}}p.attribution{margin-top:1rem}}&#section__i{background-color:rgba(0,0,0,0);--main-color:#170f08;--accent-color:#170f08;--quote-color:#170f08;border:none;padding:2rem;background-image:url("../assets/img/tablet1.webp");background-size:100% 100%;box-shadow:none;font-size:large;font-weight:bold;text-shadow:0 0 .125rem #856141,0 0 .25rem #856141,0 0 .5rem #856141;a{color:#170f08;font-weight:bolder}}&#section__ii{background-color:#000;border:none;--main-color:#c4c3e6;--accent-color:#c4c3e6;--quote-color:#c4c3e6;a,a:hover,a:visited{color:#9386b4}}&#section__iii{background-color:rgba(0,0,0,0);--main-color:#5e4746;--accent-color:#5e4746;--quote-color:#5e4746;border-radius:0;border:none;background-image:url("../assets/img/lightParchment.webp");background-size:100% 100%;font-family:"Nothing You Could Do";font-size:larger;font-weight:bolder;box-shadow:none;padding:2rem;-webkit-text-stroke:.5px var(--main-color);blockquote{border:none;p{margin:0;font-size:medium}}video{animation:film-flicker .25s steps(2,jump-none) infinite;animation-play-state:paused;border-radius:1rem;margin:2rem;width:calc(100% - 4rem);&.is-playing{animation-play-state:running}}em{font-style:oblique 30deg}a,a:active,a:visited{color:var(--main-color)}}&#section__iv{background-color:rgba(54,3,9,.75);backdrop-filter:blur(2rem);--main-color:#fff;--accent-color:#fff;--quote-color:#fff;a{display:block;min-width:66.66%;max-width:calc(550px - 2rem);margin:1rem auto;--main-color:#000;--accent-color:#000;--quote-color:#000;&.comic{max-width:100%;display:flex;justify-content:center;flex-flow:row wrap;img{max-width:50%;height:auto}}&.reddit__post,&.ttv__post{display:block;margin:1rem auto;background-color:#fff;color:var(--main-color);padding:1rem;border-radius:.5rem;text-decoration:none;h3{margin:0}p,ol{font-size:.9375rem;margin:.5rem 0 0 0}}img{max-width:100%;height:auto}}iframe{max-width:100%!important}div.twitter-tweet{margin:1rem auto!important;iframe{margin:0 auto}}iframe{display:block;margin:1rem auto}}&#section__v{background-color:rgba(0,0,0,0);border:none;border-radius:0;box-shadow:none;div.sticky{max-width:360px;aspect-ratio:1/1;margin:0 auto;background-color:#f2cc50;font-family:"Permanent Marker",cursive;padding:1rem;transform:rotate(-2deg);box-shadow:.25rem .25rem .125rem rgba(0,0,0,.5);margin-bottom:2rem;display:flex;flex-flow:column nowrap;justify-content:space-between;font-size:larger;blockquote{border:none;margin:0;a,a:active,a:visited{color:var(--main-color)}}}div.page{display:flex;flex-flow:column nowrap;justify-content:space-between;background-color:white;aspect-ratio:8.5/11!important;width:100%;font-family:"Courier New",Courier,monospace;margin:1rem 0;margin-left:-4rem;font-size:.75rem;padding:4rem;box-shadow:.25rem .25rem .125rem rgba(0,0,0,.5);&:nth-of-type(odd){transform:rotate(-.425deg)}&:nth-of-type(even){transform:rotate(.425deg)}&:last-of-type{justify-content:flex-start}blockquote{p{margin:0}}h3{color:gray;font-size:.625rem;text-align:center;margin:0}a{color:black}}}&#section__vi{background-color:Pink;--main-color:MediumVioletRed;--accent-color:MediumVioletRed;--quote-color:MediumVioletRed;border:2px solid MediumVioletRed;a,a:hover,a:visited{color:MediumVioletRed;font-weight:bold}}&#section__vii{background-color:rgba(63,0,0,.375);backdrop-filter:blur(2rem);--main-color:#fff;--accent-color:#fff;--quote-color:#fff;border:2px solid rgba(127,0,0,.375);a,a:hover,a:visited{color:#fff;font-weight:bold}}:first-child{margin-top:0}:last-child{margin-bottom:0}h1,h2,h3{color:var(--main-color)}p{color:var(--main-color);line-height:1.5;&.attribution{font-size:.875rem;color:var(--quote-color);margin-top:0;text-align:right}&.signature{font-family:"Nothing You Could Do",Verdana,Geneva,Tahoma,sans-serif;font-size:1.75rem;color:var(--main-color);margin-top:4rem;text-align:right;font-weight:bold}&.definition{border-left:1px solid var(--accent-color);text-indent:2rem hanging;font-size:.875rem;padding-left:1rem}}blockquote{margin:1rem 0 0 0;padding-left:1rem;border-left:4px solid var(--accent-color);color:var(--quote-color);font-style:italic;line-height:1.5;&:first-child{margin-top:0}p{margin:0}&.discord{display:flex;flex-flow:column nowrap;background-color:#2c2f33;border-left:none;padding:1rem;gap:1rem;font-family:"Ginto",Verdana,Geneva,Tahoma,sans-serif;a{text-decoration:none;font-style:normal;p{color:#fff;&.discord__user{font-weight:bold;margin:0;span.discord__timestamp{font-weight:normal;font-size:.875rem;color:#b9bbbe}}&.discord__message{margin:0}}}}}video{max-width:100%;width:100%;border-radius:.5rem;margin:0}div.music__player{margin:0;padding:1rem;border-radius:.5rem;display:flex;flex-flow:row nowrap;align-items:center;&.loki{background:#10532c;background:linear-gradient(45deg,#10532c 0%,#617a75 100%);color:white}&#future{background:#d97839;background:linear-gradient(45deg,rgba(217,120,57,1) 0%,rgba(100,63,125,1) 100%);color:#000}div.music__info{min-width:80%;min-height:100%;display:flex;flex-direction:column;justify-content:space-between;h3,h4{color:#000;margin:.125rem}h3{font-size:1rem}h4{font-size:.875rem}audio{width:100%;background-color:transparent;margin-top:1rem}}img{max-width:20%;border-radius:0 .25rem .25rem 0}}}}}@media (max-width:600px){body{main{div.background{>*{width:100%}>section{z-index:2;width:80%!important}>img{display:none}}section#section__iv{a.comic{flex-flow:column nowrap;justify-content:center;width:100%;img{min-width:100%;height:auto}}}}}}