:root{--clr-black:#181426;--clr-black-semi-transparent:#181426cc;--clr-black-transparent:#18142600;--semi-white:#fff3;--clr-blue:#5b86dc;--clr-light-blue:#adc3f0;--clr-violet:#cd7eed;--clr-green:#4ababa;--clr-pink:#956fa5;--clr-orange:orange;--clr-shiny-blue:#0d143733;--clr-dark-blue:#062c2c;--clr-brown:#501414;--clr-orange-light:#7a54000d;--clr-light:#fff3;--clr-slight:#ffffff05;--clr-white:#fff}
@font-face{font-family:barlow_semi_condensed_extra_light;src:url(/font/barlow_semi_condensed/BarlowSemiCondensed-ExtraLight.ttf)}@font-face{font-family:barlow_condensed_bold;src:url(/font/barlow_condensed/BarlowCondensed-ExtraBold.ttf)}@font-face{font-family:barlow_condensed;src:url(/font/barlow_condensed/BarlowCondensed-Regular.ttf)}@font-face{font-family:barlow_semi_condensed_light;src:url(/font/barlow_semi_condensed/BarlowSemiCondensed-Light.ttf)}@font-face{font-family:cousine_regular;src:url(/font/monospace_cousine/Cousine-Regular.ttf)}@font-face{font-family:inter;src:url(/font/grokd/Inter/Inter-VariableFont_opsz.ttf)}@font-face{font-family:lora;src:url(/font/grokd/Lora/Lora-VariableFont_wght.ttf)}@font-face{font-family:playfair;src:url(/font/grokd/Playfair_Display/PlayfairDisplay-VariableFont_wght.ttf)}@font-face{font-family:ibm_plex_sans;src:url(/font/grokd/IBM_Plex_Sans/IBM_Plex_Sans.ttf)}.monospace{font-family:cousine_regular}.condensed{font-family:barlow_condensed}.condensed_bold{font-family:barlow_condensed_bold}
:root{--nav-height:min(16vw, 80px);--h1-height:2.2rem;--h1-margin-bottom:.75rem}body{background-color:var(--clr-black);color:var(--clr-white);min-height:101vh;margin:0;font-family:barlow_semi_condensed_extra_light;font-size:1.5em;line-height:1.5;overflow-x:hidden}h1{margin-top:0;margin-bottom:var(--h1-margin-bottom);font-family:barlow_condensed;font-size:var(--h1-height)}h2{margin-top:0;margin-bottom:.75rem;font-family:barlow_condensed;font-size:1.75rem}h3{margin-top:0;font-family:barlow_condensed}p{margin-top:0;font-family:barlow_semi_condensed_extra_light;line-height:1.5}a{color:var(--clr-blue);margin:0;padding:0;font-family:barlow_semi_condensed_light;text-decoration:none}a:hover{color:var(--clr-violet)}ul{flex-direction:column;margin:0 0 0 max(2vw,16px);padding:0;list-style:none;display:flex}ul li:before{content:"";vertical-align:middle;background-color:currentColor;border-radius:50%;width:max(.6vmin,4px);height:max(.6vmin,4px);margin:min(-.3vmin,-2px) .6vmin 0 0;display:inline-block}li{margin-bottom:.5em}.large_li li{margin-bottom:1.5em;font-size:3rem}
.primary_column{width:1024px;max-width:100%}@media screen and (max-width:1120px){.primary_column{--h-padding:min(max(1.75vw, .75rem), 1.25rem);padding-left:var(--h-padding);padding-right:var(--h-padding);max-width:calc(100% - 2 * var(--h-padding))}}.f-row{flex-direction:row;margin:0;display:flex}.f-col{flex-direction:column;margin:0;display:flex}.f-j-center{justify-content:center}.f-j-end,.f-j-flex-end{justify-content:flex-end}.f-j-space-around{justify-content:space-around}.f-j-space-between{justify-content:space-between}.u-width-50p{width:50%}.u-width-40p{width:40%}.u-width-30p{width:30%}.u-width-90p{width:90%}.u-width-100p{width:100%}.u-height-100p,.u-height-80p{height:100%}.u-width-0{width:0}.position-relative{position:relative}
.button{text-align:center;border-radius:3px;padding:1vh 1vw;font-size:3rem;box-shadow:0 0 4px 2px #fff3}.button:hover{cursor:pointer;box-shadow:0 0 6px 3px #ffffff4d}.button:active{box-shadow:inset 0 0 4px 2px #fff3}.clickable:hover{cursor:pointer}.unclickable:hover{cursor:default}.prevent_selection{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}.select_button{--select-button-color:#35206033;--select-button-shadow:#2a194d33;text-align:left;background-color:var(--select-button-color);box-shadow:0px 0px 16px 8px var(--select-button-shadow);border-radius:.5rem;padding:1vh 1vw;font-size:min(4vw,30px)}.select_button:hover{--select-button-color:#40267333;box-shadow:0 0 3px 2px #ffffff1a}.select_button_down{--select-button-color:#6a40bf33;background-color:var(--select-button-color)}.selected_link{text-shadow:0 0 20px #f0f;color:var(--clr-violet)!important}.hover_opacity{opacity:.75}.hover_opacity:hover{opacity:1}.fancy_link{color:#fff;font-family:barlow_semi_condensed_light;text-decoration:none}.fancy_link:hover{text-shadow:0 0 20px #ff00ffe6;color:#ff0}.special_link{color:var(--clr-blue);text-decoration:none}.unselectable{-webkit-user-select:none;user-select:none}.full_height_without_nav{height:calc(100vh - var(--nav-height));height:calc(100svh - var(--nav-height))}

