@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";:root{font-family:Inter,sans-serif;font-feature-settings:"liga" 1,"calt" 1}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}@font-face{font-family:Ark Pixel;src:url(/fonts/ark-pixel.ttf) format("truetype")}@font-face{font-family:Overused Grotesk;src:url(/fonts/OverusedGrotesk-SemiBold.ttf) format("truetype")}:root{--background: #1c1c29;--foreground: #24283b;--textcolor: #a9b1d6;--subtext: #565f89;--border: #c0caf5}body{background:var(--background);color:var(--textcolor);font-family:Inter,Helvetica,sans-serif;display:flex;align-items:center;justify-content:center;margin:30px 0;padding:0 10px}.flex{max-width:1000px}.banner{position:relative;text-align:center;width:100%;border-radius:10px;border:var(--foreground) 1px solid}.banner>#image{width:100%;height:240px;object-fit:cover;transition:transform .35s ease;overflow:hidden;background-position:center;background-size:cover}.banner h1{position:absolute;bottom:-23px;left:60px;color:#fff;font-family:Overused Grotesk,sans-serif;font-size:30px;display:inline-block;font-weight:500;overflow:visible;z-index:1000}.banner p{position:absolute;bottom:13px;left:60px;color:#fff;font-family:Ark Pixel}.banner .gradient{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0),var(--background)) center 50%/cover;width:100%;height:100%;position:absolute;pointer-events:none;z-index:1}.banner #sillymax{position:absolute;left:5px;bottom:0;height:50px}.banner h1,.banner p,.banner #sillymax{z-index:2}.main>p{padding:0 10px}p:has(img){text-align:center}p:has(img)>img{width:90%}blockquote{margin:10px;padding:0 1em;border-left:.25em solid var(--border);border-radius:4px}.post{margin:10px}.post>h2{background:url(/images/stripes.png) repeat;color:var(--textcolor);padding:6px;margin:0;border-top-left-radius:10px;border-top-right-radius:10px;-webkit-transition:background-position .5s ease,padding-left .25s ease-out;transition:background-position .5s ease,padding-left .25s ease-out;font-family:Overused Grotesk,sans-serif;font-size:24px;font-weight:500;background-position:0}.post>h2>span{float:right}.post>p{padding:10px;margin:0;border:1px solid var(--foreground);font-weight:400}.post:hover>h2{animation:stripes 2s infinite linear;padding-left:15px;-webkit-transition:background-position .5s ease,padding-left .25s ease-out;transition:background-position .5s ease,padding-left .25s ease-out}.musicplayer{position:absolute;bottom:8px}.row{display:flex;flex-direction:row;gap:10px}.row>.box{flex:1}.row>.box>#blogposts{height:200px;overflow-y:scroll}#socials>a{display:flex;align-items:center;padding:10px 25px;background-color:var(--foreground);border-radius:4px;gap:6px}#socials>a>img{height:16px}#siteupdates>p>em{float:left;height:16px}#siteupdates>p{display:flex;gap:6px;padding-bottom:16px;border-bottom:2px dashed var(--textcolor)}.post>p:last-child{padding:10px}h2{font-family:Overused Grotesk,sans-serif;font-weight:400}#navigation div{display:flex;flex-direction:column;list-style:none;margin:-6px 0 -10px}#navigation div>a{padding:11px;transition:transform .35s ease}#navigation div>a:hover{background-color:var(--foreground);transform:scale(1.15)}.overlay{opacity:0;background-color:#000;position:fixed;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1000}#musicBox{display:flex;flex-direction:row;overflow:hidden;gap:10px}#trackInfo>#trackName{margin:0;float:left}#trackInfo>#artistName{margin-top:24px}#trackInfo>#artistName>a{color:var(--subtext)}#musicImg{height:64px;width:64px}#blob{display:inline-block}#listeningStatus{display:flex;flex-direction:row}a{color:var(--textcolor);text-decoration:underline;text-decoration-style:dotted;font-weight:700}a:hover{text-decoration-style:wavy}.projects{display:flex;gap:20px}.projects>.project{display:flex;justify-content:flex-end;flex-direction:column;flex:1;background-color:var(--foreground);height:115px;width:240px;border-radius:10px;padding:10px}.projects>.project>h2,.projects>.project>p{padding:0;margin:0;bottom:0;z-index:1}.projects>.project>img{height:115px;width:240px;position:absolute}@keyframes rainbow{0%{color:#cfc9c2}10%{color:#ff9e64}20%{color:#bb9af7}30%{color:#f5c2e7}40%{color:#f7768e}50%{color:#e0af68}60%{color:#9ece6a}70%{color:#b4f9f8}80%{color:#2ac3de}90%{color:#7dcfff}to{color:#7aa2f7}}#rainbow>span{animation:rainbow 2s infinite linear alternate}#rainbow>span:nth-child(1){animation-delay:.1s}#rainbow>span:nth-child(2){animation-delay:.2s}#rainbow>span:nth-child(3){animation-delay:.3s}#rainbow>span:nth-child(4){animation-delay:.4s}#rainbow>span:nth-child(5){animation-delay:.5s}#rainbow>span:nth-child(6){animation-delay:.6s}#rainbow>span:nth-child(7){animation-delay:.7s}#rainbow>span:nth-child(8){animation-delay:.8s}#rainbow>span:nth-child(9){animation-delay:.9s}#button{display:flex;flex-direction:row;justify-content:center;align-items:center}#button p{font-size:8px;text-align:left}#button code{display:block;width:250px;padding:10px;margin:10px;border:var(--textcolor) 1px solid}#footer{width:100%}#footer>p{margin:0;text-align:right;color:var(--border)}.hvr-sweep-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-right:before{content:"";position:absolute;z-index:-1;inset:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-right:hover,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:active{color:#fff}.hvr-sweep-to-right:hover:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:active:before{-webkit-transform:scaleX(1);transform:scaleX(1)}