:root{--background-dark:#222;--background-darker:#1b1b1b;--background-highlight-medium:#2a2a2a;--background-highlight-light:#333;--off-white:#ddd;--highlight-color:#2de7e7}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--background-dark);color:#fff;grid-template-rows:auto 1fr auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;display:grid;overflow-y:scroll}header,main,footer{grid-template-columns:1fr minmax(0,720px) 1fr;display:grid}main{align-self:start}header>*,main>*,footer>*{grid-column:2/2}header h1{margin:.5em auto}a{color:var(--highlight-color);text-decoration:none}a:hover{text-decoration:underline}p img{margin:2em auto;display:block}.calculator{box-shadow:0 0 5px 2px var(--background-darker);background-color:var(--background-highlight-medium);border-radius:1em;grid-template-columns:auto auto auto auto;align-items:center;column-gap:.5em;margin:1em auto;padding:.5em;display:grid}.calculator table{grid-column:1/5}.calculator input[type=number]{background-color:var(--background-darker);color:#fff;border:none;margin:.2em;padding:.5em}.calculator table input[type=number]{width:10em}.titlerow{text-align:center}.hidden{display:none}footer{background-color:var(--background-darker)}.media-icons{grid-template-columns:repeat(5,auto);justify-content:center;justify-items:center;column-gap:1em;margin:1em 0;display:grid}.media-icons a{background-position:50%;background-repeat:no-repeat;background-size:1.5em;width:2em;height:2em}.discord{background-image:url(/images/branding/Discord-Logo-White.png)}.discord:focus,.discord:hover{background-image:url(/images/branding/Discord-Logo-Color.png)}.patreon{background-image:url(/images/branding/Digital-Patreon-Logo_White.png)}.patreon:focus,.patreon:hover{background-image:url(/images/branding/Digital-Patreon-Logo_FieryCoral.png)}.twitch{background-image:url(/images/branding/TwitchGlitchWhite.png)}.twitch:focus,.twitch:hover{background-image:url(/images/branding/TwitchGlitchPurple.png)}.twitter{background-image:url(/images/branding/2021-Twitter-logo-white.png)}.twitter:focus,.twitter:hover{background-image:url(/images/branding/2021-Twitter-logo-blue.png)}.youtube{background-image:url(/images/branding/yt_icon_mono_dark.png)}.youtube:focus,.youtube:hover{background-image:url(/images/branding/yt_icon_rgb.png)}