:root{--background-color: 250, 250, 250;--primary-color: 69, 41, 129;--alt-color: 100, 186, 255;--text-color: 51, 51, 51}@media (prefers-color-scheme: dark){:root{--background-color: 14, 20, 31;--primary-color: 228, 198, 250;--alt-color: 137, 255, 221;--text-color: 255, 255, 255}}html{background:rgb(var(--background-color));color:rgb(var(--text-color));display:flex;font-family:Inter, sans-serif;font-size:16px;line-height:1.5em;min-height:100%}body{align-self:center;margin:2em auto;max-width:70ch;padding:1em}h1{background-image:url("../logo.png");background-position:center center;background-repeat:no-repeat;background-size:contain;color:transparent;font-size:11em;line-height:1;margin:0;text-align:center}h2{color:rgb(var(--primary-color));font-size:2em;font-weight:300;line-height:1.25em;margin:0.25em 0 2em;text-align:center}h3{color:rgb(var(--primary-color));font-size:1.5em;font-weight:400;margin:2em auto 0}a{color:rgb(var(--primary-color));text-decoration:none}a:hover{text-decoration:underline}.button{background-color:rgb(var(--primary-color));border-radius:0.25em;color:rgb(var(--background-color));display:inline-block;margin:1.5em 1em;opacity:0.8;padding:0.5em 0.75em;transition:all 150ms ease}.button:hover{background-color:rgb(var(--alt-color));box-shadow:0 0.125em 1em rgba(var(--alt-color), 0.5),0 0.125em 2em rgba(var(--alt-color), 0.25);opacity:1}