#hero{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.hero{flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:relative}@media (min-width:90em){.hero{max-width:1200px}}@media (max-width:89.9988em){.hero{max-width:800px}}@media (max-width:56.2488em){.hero{max-width:600px}}@media (max-width:43.7488em){.hero{max-width:360px}}.hero{gap:1rem;width:100%}.hero__text{flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;width:100%;display:flex}.hero .pop{cursor:pointer;display:inline-block;position:relative}.hero .pop .pop_icon{opacity:0;text-shadow:2px 2px 2px var(--shadow-color);pointer-events:none;font-size:clamp(2rem,13dvw,6rem);font-weight:800;position:absolute;top:-90%}.hero .pop .pop_icon--1{color:#ffc400;left:-2%;transform:rotate(-15deg)}.hero .pop .pop_icon--2{color:#01da01;left:50%;transform:translate(-50%)}.hero .pop .pop_icon--3{color:#e602e6;right:-2%;transform:rotate(15deg)}.hero .pop:active,.hero .pop.active{animation-name:active;animation-duration:.7s;animation-timing-function:ease-in-out}@keyframes active{0%{text-shadow:0 0 0 var(--accent);transform:scale(1)}25%,70%{text-shadow:0 0 10px var(--accent);transform:scale(1.2)}85%,90%{transform:scale(.9)}to{text-shadow:0 0 0 var(--accent);transform:scale(1)}}.hero .pop:active .pop_icon,.hero .pop.active .pop_icon{animation-duration:inherit;animation-timing-function:ease-out}.hero .pop:active .pop_icon--1,.hero .pop.active .pop_icon--1{animation-name:popIcon1}@keyframes popIcon1{0%{opacity:0;transform:rotate(-15deg)translateY(20%)}50%{opacity:1;transform:rotate(-15deg)translateY(-5%)}to{opacity:0;transform:rotate(-15deg)translateY(-12%)}}.hero .pop:active .pop_icon--2,.hero .pop.active .pop_icon--2{animation-name:popIcon2}@keyframes popIcon2{0%{opacity:0;transform:translate(-50%)translateY(20%)}50%{opacity:1;transform:translate(-50%)translateY(-25%)}to{opacity:0;transform:translate(-50%)translateY(-30%)}}.hero .pop:active .pop_icon--3,.hero .pop.active .pop_icon--3{animation-name:popIcon3}@keyframes popIcon3{0%{opacity:0;transform:rotate(15deg)translateY(20%)}50%{opacity:1;transform:rotate(15deg)translateY(-5%)}to{opacity:0;transform:rotate(15deg)translateY(-12%)}}.learn{color:var(--text-alt);background-color:#0000;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.learn svg{width:var(--size-3);height:var(--size-3);animation-name:bob;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;animation-play-state:running}.learn svg>*{stroke-width:.5px}@keyframes bob{0%{transform:translateY(-10px)}to{transform:translateY(0)}}.learn p{text-transform:uppercase;font-size:var(--size--1)}
.about_container{height:auto;min-height:unset;gap:1rem}@media (min-width:90em){.about_container{max-width:1200px}}@media (max-width:89.9988em){.about_container{max-width:800px}}@media (max-width:56.2488em){.about_container{max-width:600px}}@media (max-width:43.7488em){.about_container{max-width:360px}}.about_container{display:grid}@media (min-width:56.25em){.about_container{grid-template-columns:minmax(auto,1fr) minmax(auto,2fr);align-items:stretch}}@media (max-width:56.2488em){.about_container{grid-template-rows:auto minmax(auto,1fr)}}.about_img{aspect-ratio:1;border-color:var(--accent);border-style:solid;border-width:1px;border:solid var(--accent) 1px;border-radius:.5rem;width:100%;height:auto;transition:transform .1s cubic-bezier(.36,0,.42,1.69);position:relative;overflow:hidden}.about_img .overlay{z-index:2;background-color:var(--bg-alt);transform-origin:top;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .3s cubic-bezier(.36,0,.42,1.69);display:flex;position:absolute;inset:0}.about_img .overlay__content{background-color:var(--accent);pointer-events:inherit;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:60%;height:60%;padding:2rem;display:flex}.about_img .overlay .portrait{background-color:var(--black);width:100%;height:100%;-webkit-mask-image:url(../media/portrait.0zfsi.16ckip0.svg);mask-image:url(../media/portrait.0zfsi.16ckip0.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.about_img .overlay__text{color:var(--black);font-weight:1000;font-family:var(--font-roboto-mono);text-transform:uppercase;font-size:var(--size-1)}.about_img .overlay.active{transition:transform .2s ease-in-out;transform:rotateX(88deg)}.about_img:active{transform:scaleX(95%)scaleY(105%)}.about_img:before{content:"";z-index:1;opacity:.6;border:inset 8px var(--bg-alt);width:100%;height:100%;display:inline-block;position:absolute;inset:0}.about_img img{object-fit:cover;pointer-events:none;width:100%;height:100%}.about_header{border-radius:.5rem;padding:1rem}.about_header h1{font-size:var(--size-4)}@media (max-width:56.2488em){.about_header{width:100%}}.about_content{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem;width:100%;height:100%;display:flex}.about_info{border-width:1px;border-color:var(--accent);background-color:var(--bg);background-color:var(--bg-alt);border-style:solid;border-radius:.5rem;flex-direction:column;justify-content:space-evenly;align-items:flex-start;gap:1rem;width:100%;height:100%;padding:1rem;display:flex}.about_info li{font-family:var(--font-roboto);font-weight:300}.about_info li::marker{content:"+ "}.about_info__text{color:var(--text)}.about_info__text span{white-space:pre}.about_info__header{text-transform:uppercase;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:.5rem;width:100%;display:flex}.about_info__header h2{font-size:var(--size-2)}.about_info__section{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.25rem;width:100%;display:flex}.about_info__content{color:var(--text-alt);flex-direction:row;justify-content:flex-start;align-items:center;gap:.25rem;display:flex}.about_info .icon{background-color:var(--red-main);aspect-ratio:1;width:auto;height:100%;transform:rotate(15deg)}
#stack:before,#stack:after{content:"";background-color:var(--accent);width:100%;height:1px;position:absolute}#stack:before{top:75px}#stack:after{bottom:75px}#stack .stack{flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;margin:auto;padding:8rem 0;display:flex}#stack .stack__header{text-transform:uppercase;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex}#stack .stack__header p{letter-spacing:var(--size-0);text-indent:var(--size-0);font-weight:800}#stack .stack__list{grid-gap:1rem;width:100%;display:grid}@media (min-width:56.25em){#stack .stack__list{grid-template-columns:repeat(4,minmax(auto,1fr))}}@media (max-width:56.2488em){#stack .stack__list{grid-template-columns:repeat(2,minmax(auto,1fr));grid-auto-rows:minmax(auto,1fr);grid-auto-flow:row}}@media (max-width:43.7488em){#stack .stack__list{grid-template-columns:minmax(auto,1fr)}}.stack_section{background-color:var(--bg-alt);border-color:var(--accent);box-shadow:var(--shadow-elevation-medium);border-style:solid;border-width:1px;border-radius:.5rem;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem;padding:1rem;display:flex}.stack_section__header{flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;width:100%;display:flex}.stack_section__header h2{white-space:nowrap;width:auto;font-size:var(--size-0);text-transform:uppercase;color:var(--text-alt)}.stack_section__list{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.75rem;list-style-type:none;display:flex}.stack_section__list li{width:100%}.stack_item{background-color:var(--bg);border-radius:.75rem;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:60px;padding:.5rem;display:flex}.stack_item__icon{aspect-ratio:1;height:100%;padding:.75rem}.stack_item__icon svg{width:100%;height:100%}