.banner[data-astro-cid-kggsjsm4]{position:relative;width:100%;border-radius:10px;overflow:hidden;border:var(--foreground) 1px solid;height:240px}.banner[data-astro-cid-kggsjsm4] .info[data-astro-cid-kggsjsm4]{display:flex;position:absolute;left:5px;bottom:0;gap:10px}.banner[data-astro-cid-kggsjsm4] .text[data-astro-cid-kggsjsm4]{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.banner[data-astro-cid-kggsjsm4]>#image[data-astro-cid-kggsjsm4]{width:100%;height:240px;object-fit:cover;transition:transform .35s ease;overflow:hidden;background-position:center;background-size:cover}.banner[data-astro-cid-kggsjsm4] h1[data-astro-cid-kggsjsm4]{color:#fff;font-family:Overused Grotesk,sans-serif;font-size:30px;display:inline-block;font-weight:500}.banner[data-astro-cid-kggsjsm4] h1[data-astro-cid-kggsjsm4]>span[data-astro-cid-kggsjsm4]{display:inline-block;transition:scale .2s cubic-bezier(.175,.885,.32,1.9),padding .2s cubic-bezier(.175,.885,.32,1.9);transform:translateY(2.5px);animation:sine 2s infinite ease-in-out alternate}.banner[data-astro-cid-kggsjsm4] h1[data-astro-cid-kggsjsm4]>span[data-astro-cid-kggsjsm4]:nth-child(1){animation-delay:.1s}.banner[data-astro-cid-kggsjsm4] h1[data-astro-cid-kggsjsm4]>span[data-astro-cid-kggsjsm4]:nth-child(2){animation-delay:.2s}.banner[data-astro-cid-kggsjsm4] h1[data-astro-cid-kggsjsm4]>span[data-astro-cid-kggsjsm4]:nth-child(3){animation-delay:.3s}.banner[data-astro-cid-kggsjsm4] h1[data-astro-cid-kggsjsm4]>span[data-astro-cid-kggsjsm4]:nth-child(4){animation-delay:.4s}.banner[data-astro-cid-kggsjsm4] h1[data-astro-cid-kggsjsm4]>span[data-astro-cid-kggsjsm4]:nth-child(5){animation-delay:.5s}.banner[data-astro-cid-kggsjsm4] h1[data-astro-cid-kggsjsm4]>span[data-astro-cid-kggsjsm4]:nth-child(6){animation-delay:.6s}.banner[data-astro-cid-kggsjsm4] h1[data-astro-cid-kggsjsm4]>span[data-astro-cid-kggsjsm4]:nth-child(7){animation-delay:.7s}.banner[data-astro-cid-kggsjsm4] h1[data-astro-cid-kggsjsm4]>span[data-astro-cid-kggsjsm4]:nth-child(8){animation-delay:.8s}.banner[data-astro-cid-kggsjsm4] h1[data-astro-cid-kggsjsm4]>span[data-astro-cid-kggsjsm4]:nth-child(9){animation-delay:.9s}.banner[data-astro-cid-kggsjsm4] h1[data-astro-cid-kggsjsm4]>span[data-astro-cid-kggsjsm4]:nth-child(10){animation-delay:1s}.banner[data-astro-cid-kggsjsm4] h1[data-astro-cid-kggsjsm4]>span[data-astro-cid-kggsjsm4]:nth-child(11){animation-delay:1.1s}.banner[data-astro-cid-kggsjsm4] h1[data-astro-cid-kggsjsm4]>span[data-astro-cid-kggsjsm4]:nth-child(12){animation-delay:1.2s}.banner[data-astro-cid-kggsjsm4] h1[data-astro-cid-kggsjsm4]>span[data-astro-cid-kggsjsm4]:nth-child(13){animation-delay:1.3s}.banner[data-astro-cid-kggsjsm4] h1[data-astro-cid-kggsjsm4]>span[data-astro-cid-kggsjsm4]:nth-child(14){animation-delay:1.4s}.banner[data-astro-cid-kggsjsm4] p[data-astro-cid-kggsjsm4]{color:#fff;font-family:Ark Pixel;font-weight:400}.banner[data-astro-cid-kggsjsm4] .gradient[data-astro-cid-kggsjsm4]{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[data-astro-cid-kggsjsm4] #sillymax[data-astro-cid-kggsjsm4]{height:50px;margin-top:8px}.banner[data-astro-cid-kggsjsm4] h1[data-astro-cid-kggsjsm4],.banner[data-astro-cid-kggsjsm4] p[data-astro-cid-kggsjsm4],.banner[data-astro-cid-kggsjsm4] #sillymax[data-astro-cid-kggsjsm4]{z-index:2}.banner[data-astro-cid-kggsjsm4] h1[data-astro-cid-kggsjsm4],.banner[data-astro-cid-kggsjsm4] p[data-astro-cid-kggsjsm4]{margin:-6px}.banner[data-astro-cid-kggsjsm4]:hover{border:var(--border) 1px solid}.banner[data-astro-cid-kggsjsm4]:hover>#image[data-astro-cid-kggsjsm4]{transform:scale(1.5)}@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}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--foreground);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--background);border-radius:4px;border:var(--textcolor) 1px solid}html{height:100%}body{background:url(/images/pattern.gif);color:var(--textcolor);font-family:MS UI Gothic,Ark Pixel;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;overflow:auto;margin:0;padding:0}.flex{display:flex;flex-direction:row;width:1000px;gap:10px;filter:drop-shadow(0 0 10px black);max-width:90%;max-height:90vh;box-sizing:border-box}.left{display:flex;flex-direction:column;gap:10px}.main{width:800px;display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start}@keyframes sine{0%{transform:translateY(2.5px)}50%{transform:translateY(-2.5px)}to{transform:translateY(2.5px)}}.bannerad img{width:100%;margin-bottom:10px}.notice{flex:1 0 80%;padding:10px;margin-bottom:10px;border:#f7768e 1px solid;background:var(--background);border-radius:10px}.notice h1{background:url(/images/stripes3.png) repeat;filter:hue-rotate(100deg);color:var(--foreground);padding:6px;margin:-11px -11px 10px;border-top-left-radius:10px;border-top-right-radius:10px;transition:background-position .5s ease,padding-left .25s ease-out;font-family:Overused Grotesk,sans-serif;font-size:24px}.widget{padding:15px;margin-top:0;border:var(--foreground) 1px solid;background:var(--background);width:200px;border-radius:10px}.widget>h3:first-child{background:url(/images/stripes.png) repeat;color:var(--textcolor);padding:6px;margin:-15px -15px 10px;border-top-left-radius:10px;border-top-right-radius:10px;font-family:Overused Grotesk,sans-serif;transition:background-position .5s ease,padding-left .25s ease-out;font-size:20px;font-weight:500;background-position:0}.widget:hover{border:var(--border) 1px solid}.widget:hover>h3:first-child{background:url(/images/stripes3.png) repeat;color:var(--foreground);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}.cover{width:100%;flex:1 1 auto;background:url(/images/nurture.png) no-repeat;background-color:#010005;background-size:400px;background-position:bottom;border:1px solid var(--foreground);border-radius:16px 8px 8px;min-height:240px}.cover:hover{border:1px solid var(--border)}@keyframes stripes{0%{background-position:0}to{background-position:-100px}}.box,.musicplayer{flex:1 0 40%;padding:10px;border:var(--foreground) 1px solid;background:var(--background);border-radius:10px}.box h1,.musicplayer h1{background:url(/images/stripes.png) repeat;color:var(--textcolor);padding:6px;margin:-11px -11px 10px;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}.box:hover,.musicplayer:hover{border:var(--border) 1px solid}.box:hover>h1,.musicplayer:hover>h1{background:url(/images/stripes3.png) repeat;color:var(--foreground);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}.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}#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}em{background-color:var(--border);color:var(--background);padding:0 2px;font-style:normal;font-weight:700}a{color:var(--textcolor);text-decoration:underline dashed;font-weight:700}a:hover{text-decoration:underline}.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%;display:flex;flex-direction:row;justify-content:space-between;gap:10px}#footer p{margin:0;color:var(--border)}#footer>.items{display:flex;text-align:right;flex-direction:column}#footer>.items>div{display:flex;flex-direction:row;align-items:baseline;gap:4px;justify-content:flex-end;flex-wrap:wrap}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-delay:-1s!important;animation-duration:1s!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important}body{background:url(/images/pattern.png)}}@media screen and (max-height:900px){#footer{padding-bottom:24px}}@media screen and (max-width:800px){.left{display:none}.box{flex:1 0 48%}}
