@font-face{font-family:Lexend;font-weight:1 999;src:url(/fonts/lexend.ttf) format("truetype")}*,*:before,*:after{box-sizing:border-box}html{font-family:Lexend,sans-serif;background:var(--bg-color);color:var(--body-color);-webkit-user-select:none;user-select:none;height:100%;width:100%}:root{--bg: #301203;--text: #ffbb99;--body: #ff9900;--hover: #ff7700;--active: #c92b40;--hover-text: #ff5500;--highlight: aliceblue;--active-text: aliceblue;--transparent: #ffe66d00;--shadow: #1a1b417f;--body-color: rgb(255, 204, 179);--init-button-hover-color: rgba(255, 136, 0, 0);--dark-shadow: rgba(0, 0, 0, .514);--recess: rgba(255, 255, 255, .514);--bg-color: var(--bg);--bg-grid: 50px 50px;--button-bg: var(--hover-text);--bg-gradient: linear-gradient( 0deg, transparent 47%, rgba(255, 255, 255, .05) 47%, rgba(255, 255, 255, .05) 53%, transparent 53% ), linear-gradient( 90deg, transparent 47%, rgba(255, 255, 255, .05) 47%, rgba(255, 255, 255, .05) 53%, transparent 53% );--nav-mobile-bg-gradient: var( --button-bg );--nav-desktop-bg: var( --button-bg );--nav-shadow-color: var(--hover-text);--nav-button-color: var(--text);--nav-button-border-color: var(--transparent);--nav-button-bg-color: var(--init-button-hover-color);--nav-button-hover-color: var(#f4cbc6);--nav-button-hover-border-color: var(--hover);--nav-button-hover-bg-color: var(--hover);--nav-button-active-color: var(--active-text);--nav-button-active-border-color: ar(--active);--nav-button-active-bg-color: var(--active);--nav-border-color: var(--button-bg);--contact-button-color: var(--body);--contact-button-border-color: var(--body);--contact-button-bg-color: var(--transparent);--contact-button-hover-color: #1a1b41;--contact-button-hover-shadow-color: var(--hover-text);--contact-button-hover-border-color: var(--hover-text);--contact-button-hover-bg-color: var(--hover-text);--contact-button-active-color: var(--highlight);--contact-button-active-border-color: var(--hover);--contact-button-active-bg-color: var(--hover);--expand-dong-color: var(--text);--nav-item-shadow-color: var(--dark-shadow);--contact-button-shadow-color: var(--hover-text);--contact-button-shadow-active-color: var(--hover);--button-recess-color: var(--dark-shadow);--box-recess-color: var(--recess);--box-border-color: var(--recess);--post-border: 2px var(--hover-text) solid}@media only screen and (orientation: portrait){.woop{writing-mode:vertical-rl;text-orientation:upright!important;letter-spacing:-1.5rem;font-size:4em;top:0}.woop:hover{letter-spacing:-.95rem!important;transition:letter-spacing .5s cubic-bezier(0,.95,.26,1),font-weight .5s cubic-bezier(0,.95,.26,1);font-weight:900}nav{bottom:0}nav-list{display:table-column!important;transition:all .25s cubic-bezier(.79,.21,.15,.95)}nav-list.active{display:table-column!important;transform:translateY(0);width:90%}nav-list>a:not(.current){display:none}nav-list.active>a:not(.current){display:inline}nav{transition:all .25s cubic-bezier(.79,.21,.15,.95);height:10%;width:calc(100% - 26px)!important;background:var(--nav-mobile-bg-gradient)!important;border:var(--nav-border-color) 3px solid}nav.active{display:inline-flex;transform:translateY(0);height:min(70%,360px)}hero>h1{font-size:80px;white-space:nowrap}.container{overflow:auto}.container.box{box-shadow:0 10px 30px -10px var(--box-recess-color);border:var(--box-border-color) 1px solid!important;padding:1em;border-radius:3px;color:var(--body-color)}nav-item:hover{background-color:var(--nav-button-hover-bg-color);color:var(--nav-button-hover-color);padding:20px 60px;border-radius:5px;font-weight:900;transition:all .25s cubic-bezier(.79,.21,.15,.95);border:var(--nav-button-hover-border-color) solid 1px}nav-item:active{background-color:var(--nav-button-active-bg-color);color:var(--nav-button-active-color);padding:20px 60px;border-radius:5px;border:var(--nav-button-active-border-color) solid 1px;font-weight:900;box-shadow:0 10px 30px -10px var(--button-recess-color) inset;transition:all .25s cubic-bezier(.79,.21,.15,.95)}container{padding-inline:24px;align-items:stretch}content-container{display:block;align-items:stretch}stuffscontainer{line-height:1cm}stuffscontainer>h1{line-height:1.5cm}contactbutton{text-align:center;white-space:normal}banner{top:20px;font-size:1em}banner>toppart{color:#ffd900}hideonmobile{display:none}}@media only screen and (orientation: landscape){.hamburgerBTN{display:none!important}showonmobile{display:none}banner{font-size:1.5em;bottom:20px;text-shadow:hsla(51,100%,50%,1) 0px 2px 0px,hsla(51,100%,50%,1) 2px 0px 0px,hsla(51,100%,50%,1) 0px -2px 0px,hsla(51,100%,50%,1) -2px 0px 0px,hsla(51,100%,50%,1) 2px 2px 0px,hsla(51,100%,50%,1) 2px -2px 0px,hsla(51,100%,50%,1) -2px -2px 0px,hsla(51,100%,50%,1) -2px 2px 0px}nav{top:0}hero>h1{font-size:120px;white-space:nowrap}container{align-items:center}.container{margin-top:150px}contactbutton{white-space:nowrap}}body{height:calc(100% - 5px);width:100%;margin:0}::-webkit-scrollbar{width:10px;border-radius:100em}::-webkit-scrollbar-thumb{background-color:#00000080;border-radius:100em}a.link{border-bottom:var(--body-color) 1px solid}a.link.source{border-bottom:var(--body-color) 1px solid;font-size:.5em}.navlink{text-decoration:none;margin:20px}.hamburgerBTN{font-family:Rubik;position:fixed;font-weight:100;height:48px;width:48px;bottom:20px;right:24px;font-size:1.5rem;padding:10px;height:20px;width:20px;color:var(--expand-dong-color);display:flex;justify-content:center;align-items:center;z-index:6;white-space:nowrap;transition:all .25s cubic-bezier(.79,.21,.15,.95)}body:where(>nav:hover)>.hamburgerBTN{color:#f50}.hamburgerBTN.active{transform:rotate(405deg);font-size:1.5rem;font-weight:500;color:var(--hover)}nav{background:var(--nav-desktop-bg);color:var(--nav-button-color);position:fixed;height:80px;left:0;min-height:50px;width:calc(100% - 20px);display:flex;justify-content:center;align-items:center;z-index:4;white-space:nowrap;margin:10px;border-radius:10px;box-shadow:0 10px 30px -10px var(--nav-shadow-color);transition:all 1s cubic-bezier(0,.95,.26,1)}nav-list{display:flex;justify-content:center;align-items:center;z-index:4;white-space:nowrap}lol-container{height:calc(100vh - 160px);display:flex}nav-item{height:100%;color:var(--nav-button-color);background-color:var(--nav-button-bg-color);display:flex;padding:20px;justify-content:center;align-items:center;font-weight:400;transition:all .5s cubic-bezier(0,.95,.26,1);border:var(--nav-button-border-color) solid 1px}nav-item:hover{background-color:var(--nav-button-hover-bg-color);color:var(--nav-button-hover-color);padding:20px 60px;border-radius:5px;font-weight:900;transition:all .5s cubic-bezier(0,.95,.26,1);border:var(--nav-button-hover-border-color) solid 1px}nav-item:active{background-color:var(--nav-button-active-bg-color);color:var(--nav-button-active-color);padding:20px 60px;border-radius:5px;font-weight:900;box-shadow:0 10px 30px -10px var(--nav-item-shadow-color) inset;transition:all .5s cubic-bezier(0,.95,.26,1);border:var(--nav-button-active-border-color) solid 1px}.container{margin:30px;width:calc(100% - 60px);height:calc(100% - 180px);z-index:3!important;overflow:auto}container.top{align-items:start;padding-top:128px}@media only screen and (orientation: portrait){container.top{padding-top:0}}container{background-size:var(--bg-grid)!important;background:var(--bg-gradient);background-size:cover;background-position:center;top:0;left:0;min-height:100vh;width:100%;color:var(--body-color);display:flex;justify-content:center;z-index:0;position:absolute}a{color:var(--body-color);text-decoration:none}contactscontainer{display:grid;grid-gap:16px;grid-template-columns:repeat(auto-fill,256px)}a.contactBTNWrapper{display:block;width:256px;height:224px}contactbutton{display:flex;flex-direction:column;gap:8px;width:100%;height:100%;background-color:var(--contact-button-bg-color);border:var(--contact-button-border-color) 1px solid;padding:1em;border-radius:3px;margin:.2em;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;color:var(--contact-button-color);fill:var(--contact-button-color);transition:all .25s cubic-bezier(.67,.27,.31,.86);text-wrap:wrap;text-align:center}contactbutton>svg.audius{fill:var(--contact-button-color);transition:all .25s cubic-bezier(.67,.27,.31,.86);width:24px;height:24px}contactbutton>svg{height:128px}contactbutton:hover{border:var(--contact-button-hover-border-color) 1px solid;border-radius:5px;margin:.2em;background:var(--contact-button-hover-bg-color);color:var(--contact-button-hover-color);fill:var(--contact-button-hover-color);transform:translateY(-6px);box-shadow:0 10px 20px -5px var(--contact-button-shadow-color)}contactbutton:active{border:var(--contact-button-active-border-color) 1px solid;border-radius:7px;margin:.2em;color:var(--contact-button-active-color);fill:var(--contact-button-active-color);background:var(--contact-button-active-bg-color);box-shadow:0 10px 20px -5px var(--contact-button-shadow-active-color)}hero{top:0;left:0;height:100vh;width:100%;display:inline-flex;justify-content:center;text-align:center;align-items:center;background:rgba(0,0,0,0);transition:transform 1.5s cubic-bezier(0,.95,.26,1)}h2{font-size:4rem}.woop{margin:10px;transition:all .5s cubic-bezier(1,0,.6,1);font-weight:400;z-index:20}.woop:hover{letter-spacing:1rem;transition:letter-spacing .5s cubic-bezier(0,.95,.26,1),font-weight .5s cubic-bezier(0,.95,.26,1);font-weight:900}spacefix{width:100%;height:calc(100% - 10px);display:inline-block;z-index:0}paragraphcontainer{font-size:1.5em}stuffsep{margin-bottom:2em}stuffsep a{font-weight:700}banner{transition:color .5s cubic-bezier(.17,.67,.1,1),padding .25s cubic-bezier(.17,.67,.1,1),background-color .5s cubic-bezier(.17,.67,.1,1),filter .5s cubic-bezier(.17,.67,.1,1),border .5s cubic-bezier(.17,.67,.1,1),transform .25s cubic-bezier(.17,.67,.1,1),box-shadow .25s cubic-bezier(.17,.67,.1,1),font-weight .5s cubic-bezier(.17,.67,.1,1);position:absolute;font-weight:900;left:19px;display:block;width:calc(100% - 106px);border-radius:20px;background:linear-gradient(180deg,hsla(211,100%,36%,1) 50%,hsla(51,100%,50%,1) 50%);padding:30px;color:#0059b8;box-shadow:0 7px #0059b8;background-size:contain;border:3px hsla(211,100%,36%,1) solid;text-align:center;filter:saturate(.9)}banner:hover{filter:saturate(1);transform:translateY(-7px);box-shadow:0 14px #0059b8}banner:active{transform:translateY(3px);border:3px hsla(51,100%,50%,1) solid;box-shadow:0 4px #0059b8}banner>a{transition:color .5s cubic-bezier(.17,.67,.1,1),padding .25s cubic-bezier(.17,.67,.1,1),background-color .5s cubic-bezier(.17,.67,.1,1),filter .5s cubic-bezier(.17,.67,.1,1),transform .25s cubic-bezier(.17,.67,.1,1),box-shadow .25s cubic-bezier(.17,.67,.1,1),font-weight .5s cubic-bezier(.17,.67,.1,1);text-shadow:none;padding:10px;border-radius:10px;background-blend-mode:hard-light;background-color:#ffd900;border:2px hsla(211,100%,36%,1) solid;color:#0059b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-flex;transform:translateY(-2px);box-shadow:0 7px #0059b8}banner>a:hover{background-color:#0059b8;color:#ffd900;border:2px rgb(255,217,0) solid;padding:10px 50px;font-weight:800}banner>a:active{transform:translateY(3px);box-shadow:0 2px #0059b8}jumbo{font-size:4em}large{font-size:2em}centerbold{position:absolute;margin:auto;display:block;transform:rotate(7deg);top:40vh;font-weight:700;font-size:2em}.flicker{animation:flicker 1.75s,wiggle 4s cubic-bezier(.7,0,.3,1);animation-iteration-count:infinite}@keyframes flicker{0%{opacity:.5}20%{opacity:.75}30%{opacity:.65}50%{opacity:.24}70%{opacity:.75}80%{opacity:.3}to{opacity:.5}}@keyframes wiggle{0%{transform:rotate(7deg)}50%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}linkhome{font-size:2em;font-variant:small-caps;position:absolute;bottom:20vh;text-decoration:underline;transition:all .5s ease}linkhome>a{transition:all .5s ease;font-weight:400}linkhome>a:hover{color:#992cff;font-weight:800}.vertical{display:flex;align-items:center;flex-direction:column}.posts{margin-top:20px}.post{margin-bottom:20px;border:var(--post-border);border-radius:10px;padding:20px 24px;display:flex;flex-direction:row;width:36rem;cursor:pointer;transition:cubic-bezier(.175,.885,.32,1.275) all .3s}@media only screen and (orientation: portrait){.post{width:80vw;flex-direction:column-reverse}}.post:hover{transform:translateY(-3px);border-color:var(--hover)}.post:active{transform:translateY(1px);border-color:var(--hover-text)}.post-sep{flex:1 1 0}.post-info{flex-direction:column;max-width:360px}.post-info>h3{margin:0}.post-info>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-info>span>span{margin-left:8px}.post-date{font-weight:500}.article{transition:cubic-bezier(.175,.885,.32,1.275) all .3s;padding-inline:20vw;padding-bottom:64px}@media only screen and (orientation: portrait){.article{padding-inline:24px;padding-bottom:128px;padding-top:24px}}.article>h1{margin:0}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}