html,body{overflow-x:hidden;height:100%;margin:0}:root{--font: "JetBrains Mono"}body{overflow:auto;overflow-x:hidden;font-size:smaller}#container{width:100vw;opacity:0;transition:.2s opacity}#container.visible{opacity:1}header{position:relative;height:100vh;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none}main{display:flex;flex-direction:column;gap:64px;width:100%;position:relative;min-height:865px;padding:45px 420px;padding-top:128px!important}footer{background:#000;text-align:center;padding:70px 200px}section{position:relative;margin-bottom:18px}ls-box>section{margin-top:0}#starBackgroundCanvas,#mainBackgroundCanvas{position:absolute;object-fit:cover;top:0;right:0;bottom:0;left:0;width:100vw;height:100%;z-index:-2}#mainBackgroundCanvas{image-rendering:pixelated}header :is(h1,h2){color:var(--accent);opacity:0;margin:0}header h1{font-size:2em;transition:1s;transform:scale(.9);display:inline}header h2{font-size:42px;float:right;transition:1s transform ease-out,2s opacity;transform:translate(-10px) translateY(-40%);opacity:0}#container.visible header h1{opacity:1}#container.done header h2{opacity:1}#container.visible header h1{transform:none}#container.done header h2{transform:translateY(-60%)}.chevron{padding:12px 40px;background:var(--transparent-overlay);border-radius:60px;position:fixed;bottom:20px;transition:.2s opacity}.chevron.hidden{opacity:0}.bi-chevron-down{font-size:20px}.bi-chevron-down:before{-webkit-text-stroke:4px}header .logo{font-size:32px}.done header .logo{font-size:52px}.done #typedContainer .cursor{display:none}.cursor{display:inline-block;background-color:#ccc;margin-left:.1rem;height:1em;transform:translateY(.1em)!important;width:3px;animation:blink 1s infinite}.cursor.typing{animation:none}@keyframes blink{0%{background-color:#ccc}49%{background-color:#ccc}50%{background-color:transparent}99%{background-color:transparent}to{background-color:#ccc}}main ls-box.color{padding:12px 25px}#container .roundButton{padding:8px 25px;display:inline-flex;align-items:center;border-radius:100px;--color-bg: black}#container .roundButton>i{font-size:large;margin-right:16px;display:inline-block}.buttons{margin-top:48px;margin-left:32px;margin-bottom:64px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}#hoverEffect{position:fixed;width:60px;height:60px;top:-30px;left:-30px;background:var(--elevate-0);color:var(--accent);border-radius:50%;opacity:0;transition:opacity .4s;transform-origin:center center;z-index:500;pointer-events:none;display:flex;justify-content:center;align-items:center;will-change:transform}#hoverEffect>i{-webkit-text-stroke:1px}#hoverEffect.active{opacity:1}.pfp{--rotate: 110deg;--mask: linear-gradient(-20deg, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0) 70%);position:absolute;transform:translateY(-20px) scale(1.45) rotate(var(--rotate));width:256px;height:256px;overflow:hidden;border-radius:35px;right:180px}pre{white-space:pre-wrap}.pfp:before{content:"";position:absolute;width:100%;height:100%;z-index:-1;background:var(--image);transform:rotate(calc(var(--rotate) *-1)) scale(1.25);background-size:contain;transform-origin:center;-webkit-mask:var(--mask);mask:var(--mask);-webkit-mask-composite:destination-in;mask-composite:intersect}.sectionChip{text-transform:uppercase;background:var(--accent);padding:6px 8px;border-radius:20px;position:relative;display:block;color:var(--accent-text);font-weight:900;width:80%;text-align:center;margin:42px auto 62px;max-width:400px;letter-spacing:4px}.sectionChip.full{max-width:unset;position:absolute;left:calc(-50vw + 50%);width:100vw;border-radius:0;margin:0}.sectionChip:not(.full):after{content:"";position:absolute;width:100vw;top:5px;bottom:5px;background:rgb(var(--accent-dark-raw),10%);left:calc(-50vw + 50%);z-index:-1}.marqueeBar{font-size:larger;overflow:hidden;top:0}.marqueeBar div{animation:marquee 32s linear infinite;white-space:nowrap;display:flex;width:200%}.marqueeBar span{float:left;width:50%}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}#services{margin-top:64px}#noise{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/images/noise.svg);pointer-events:none;--mask: radial-gradient(circle, #000a, #0000 180px);-webkit-mask:var(--mask);mask:var(--mask);-webkit-mask-composite:destination-in;mask-composite:intersect}.imageSection{display:flex;flex-direction:column;align-items:center;text-align:center}.imageSection h2{margin:0;font-size:3em;font-weight:800;transform:translateY(-70px);z-index:0}.imageSection img{z-index:1}.project.project{color:var(--color);width:300px;display:flex;align-items:center;flex-direction:column;padding:36px 20px;border-radius:var(--br-extra)!important;outline:none!important;transition:.2s background;cursor:pointer;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none;text-align:center;word-wrap:break-word}.project-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.project img{width:148px;height:148px;object-fit:cover;background-color:var(--transparent-overlay-strong);border-radius:200px;margin-bottom:24px}.project-title{font-size:1.4em;font-weight:700}.project:hover{background:var(--transparent-overlay)}.project:active{transform:scale(98%)}.chart_label_color{display:inline-block;height:1em;width:1em;border-radius:4px;margin-right:10px}.labels>div{display:flex;align-items:center}#graph{display:flex;flex-direction:row-reverse;justify-content:start;align-items:center;gap:40px}@media only screen and (min-width:2000px){main{padding:45px 721px}}@media only screen and (max-width:1600px){.pfp{transform:translateY(-20px) scale(1.45) rotate(var(--rotate));right:120px}main{padding:45px 264px}}@media only screen and (max-width:1200px){.pfp{display:none}.buttons{margin-left:0}.marqueeBar span:nth-child(odd){display:none}}@media only screen and (max-width:960px){header h1{font-size:1.5em}header h2{font-size:42px}footer{padding:70px 100px}footer .logo{width:250px}main{padding:45px 128px}}@media only screen and (max-width:620px){header h1{font-size:1em}header h2{font-size:24px}footer{padding:70px 50px}footer .logo{width:210px}main{padding:45px 32px}}