.clearfix:after{content:"";display:table;clear:both}*,*::after,*::before{margin:0;padding:0;border:0;outline:none;box-sizing:inherit;color:inherit}:root{box-sizing:border-box;font-size:14px}body{min-height:100vh;display:flex;justify-content:center;overflow-x:hidden;background-color:#0c0c0c;color:#e8e8e8}a{text-decoration:none;cursor:pointer}ul{list-style-position:inside}@font-face{font-family:"Glitch";src:url("/assets/fonts/glitch-goblin.regular.otf");font-style:normal;font-weight:400}.media{display:flex;justify-content:center;align-items:center;max-width:50rem;margin:6rem auto 6rem auto}.media-image img{width:100%;max-width:50rem}.media-youtube{position:relative;padding-bottom:56.25%}.media-youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%}:root{--fs1: 1.837917368rem;--fs2: 2.1112126572rem;--fs3: 2.4251465064rem;--fs4: 2.7857618026rem;--fs5: 3.2rem;--fs6: 3.675834736rem;--fs-tiny: 1.2125732532rem;--fs-small: 1.3928809013rem;--fs-copy: 1.6rem;--fs-big: 1.837917368rem;--fs-bigger: 2.7857618026rem;--fs-biggest: 3.675834736rem;--lh1: 1.7rem;--lh2: 2.25rem;--lh3: 2.4rem;--lh4: 4rem;--lh5: 4rem;--lh6: 4rem;--lh-tiny: var(--lh1);--lh-small: var(--lh2);--lh-copy: var(--lh3);--lh-big: var(--lh4);--lh-bigger: var(--lh5);--lh-biggest: var(--lh6)}.title-text{font-family:"Glitch",sans-serif;font-style:italic;font-size:var(--fs-biggest);font-weight:900;text-transform:uppercase}.small-text{font-family:"Roboto",sans-serif;font-size:var(--fs-copy);font-style:normal;font-weight:400;line-height:var(--lh-copy);font-size:var(--fs-small)}.tiny-text{font-family:"Roboto",sans-serif;font-size:var(--fs-copy);font-style:normal;font-weight:400;line-height:var(--lh-copy);font-size:var(--fs-tiny)}a{color:#0cf}body{font-family:"Roboto",sans-serif;font-size:var(--fs-copy);font-style:normal;font-weight:400;line-height:var(--lh-copy);font-size:var(--fs-small)}code{font-family:"Monoid",monospace}figcaption{font-family:"Roboto",sans-serif;font-size:var(--fs-copy);font-style:normal;font-weight:400;line-height:var(--lh-copy);font-size:var(--fs-tiny);line-height:var(--lh-tiny);color:gray}h1{font-size:var(--fs-biggest)}h2{font-size:var(--fs-bigger)}h3{font-size:var(--fs-big)}h1{font-family:"Glitch",sans-serif;font-style:italic;margin:6rem 0rem 3rem 0rem}h2{font-family:"Glitch",sans-serif;font-style:italic;margin:6rem 0rem 3rem 0rem}h3{font-family:"Glitch",sans-serif;font-style:italic;margin:6rem 0rem 3rem 0rem}h4{font-family:"Roboto",sans-serif;font-size:var(--fs-copy);font-style:normal;font-weight:400;line-height:var(--lh-copy);font-weight:700;color:#ef6155}h4::after{text-decoration:none;content:" [Don't use H4 tags]"}h5{font-family:"Roboto",sans-serif;font-size:var(--fs-copy);font-style:normal;font-weight:400;line-height:var(--lh-copy);font-weight:700;color:#ef6155}h5::after{text-decoration:none;content:" [Don't use H5 tags]"}h6{font-family:"Roboto",sans-serif;font-size:var(--fs-copy);font-style:normal;font-weight:400;line-height:var(--lh-copy);font-weight:700;color:#ef6155}h6::after{text-decoration:none;content:" [Don't use H6 tags]"}p{font-family:"Roboto",sans-serif;font-size:var(--fs-copy);font-style:normal;font-weight:400;line-height:var(--lh-copy);margin:1rem 0rem 2rem 0rem}ul{padding-left:1rem}.site{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center}.site__header{position:fixed;top:0;left:0;z-index:1000;width:100%;height:10rem;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}.site__header .header-logo{z-index:1}.site__header .header-logo h1{margin:0;padding:0;width:clamp(20px,50vw,400px);font-size:clamp(var(--fs-big),10vw + .5rem,var(--fs-biggest)) !important;color:#e8e8e8}.site__header .header-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:#0c0c0c;border-bottom:2px solid #0cf}.site__content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;margin-top:10rem;width:clamp(300px,80vw,900px)}.site__footer{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:10rem;background:#0c0c0c;border-top:2px solid #0cf}.site__footer .copyright-notice{font-family:"Roboto",sans-serif;font-size:var(--fs-copy);font-style:normal;font-weight:400;line-height:var(--lh-copy);font-size:var(--fs-tiny);margin:1rem;color:hsl(0,0%,25.1960784314%)}.navbar{z-index:1}.navbar ul{display:flex;flex-direction:row;gap:1rem;flex-grow:1;margin:0;padding:0;list-style:none}.navbar__link{position:relative;padding:.5rem;border:2px solid #0cf;border-radius:5px}.navbar__link a{color:#e8e8e8}.navbar__link a:hover{color:#0cf}.navbar__link a::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width: 860px){.navbar{z-index:-1}.navbar ul{flex-direction:column;align-items:stretch;justify-items:center;gap:0;position:absolute;top:-100%;right:0;width:100%;border-bottom:2px solid #0cf;backdrop-filter:blur(10px);transition:all .1s ease-in}.navbar.active ul{top:10rem;transition:all .2s ease-out}.navbar__link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:3rem;padding:0;border:none;border-radius:0}.navbar__link:hover{background-color:gray}}.navbar-toggle{display:none;cursor:pointer;z-index:100;width:3rem;height:3rem;background-color:#0c0c0c;border:2px solid #0cf;border-radius:5px}.navbar-toggle .middle,.navbar-toggle .outer{filter:drop-shadow(10px 10px 12px rgba(0, 0, 0, 0.2))}.navbar-toggle .middle{stroke-dasharray:250 400;stroke-dashoffset:0;transition:all .1s ease-out}.navbar-toggle .outer{stroke-dasharray:250 354;stroke-dashoffset:0;transition:all .1s ease-out}.navbar-toggle.active .middle{stroke-dashoffset:-400;transition:all .2s ease-in}.navbar-toggle.active .outer{stroke-dashoffset:-302;transition:all .2s ease-in}@media screen and (max-width: 860px){.navbar-toggle{display:block}}.page{padding:4rem 1rem}.portfolio-index{display:flex;flex-direction:column;align-items:center;width:clamp(300px,50vw,60rem)}.portfolio-index__list{display:flex;flex-direction:column;width:100%;margin-bottom:10rem;list-style:none}.portfolio-index__entry{margin-top:clamp(1rem,10vw,10rem)}.portfolio-index__entry>a{display:flex;flex-direction:column}.portfolio-entry{padding:4rem 1rem}