@font-face {font-family: Righteous; src: url(/fonts/Righteous-Regular.ttf);}
@font-face {font-family: Roboto; src: url(/fonts/Roboto-Regular.ttf);}
body {font-family: Roboto; background-color:#f3f3f3; color: #3f3f3f;}
@media (prefers-color-scheme: dark) {
    body {background-color:#3f3f3f; color: #f3f3f3;}
}
nav {height: 10%;width: 100%;display: flex;align-items: center;justify-content: center;}
.menu {padding: 3em;}
.logo {color: #f3f3f3;font-family: Righteous; font-size: 70px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor:default;}
.rgb {
-webkit-filter: drop-shadow(-3px 3px 0px #fa2424) drop-shadow(3px 3px 0px #0cf518) drop-shadow(3px -3px 0px #370cf5);
filter: drop-shadow(-3px 3px 0px #fa2424) drop-shadow(3px 3px 0px #0cf518) drop-shadow(3px -3px 0px #370cf5);
}
.page {box-shadow: -3px 3px 0px #fa2424, 3px 3px 0px #0cf518, 3px -3px 0px #370cf5;max-width:88ch;margin: auto; padding: 1em; margin-top: 5em; line-height: 1.8em; font-size: 16pt;}
.page > p:first-child::first-letter {font-family: Righteous; font-size: 1.5em}
p::first-letter {padding-left: 2ch;}