.corner-ribbon{font-size:var(--font-medium);background:var(--primary-background);width:100%;height:500px;color:var(--primary-text);text-align:center;white-space:nowrap;border:5px solid #fff;outline:5px solid #000;font-weight:700;position:absolute;overflow:hidden}.corner-ribbon div{will-change:transform;animation:15s linear infinite ribbon-scroll;display:inline-block}.corner-ribbon--bottom{top:80%;left:50%;transform:rotate(-32deg)}.corner-ribbon--top{bottom:80%;right:50%;transform:rotate(-212deg)}@keyframes ribbon-scroll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@media only screen and (width<=900px){.corner-ribbon{display:none}}.ribbon-holder{pointer-events:none;width:100%;height:100%;min-height:100lvh;z-index:var(--zindex-front);position:absolute;overflow:hidden}.line-ribbon{background:repeating-linear-gradient(90deg,#fff0 0 20px,#000 20px 80px);width:120%;height:20px;animation:5s linear infinite line-ribbon-scroll;position:absolute}.line-ribbon--top{top:0}.line-ribbon--bottom{bottom:0}.line-ribbon--delayed{animation-delay:-2.5s}@keyframes line-ribbon-scroll{0%{background-position-x:-80px}to{background-position-x:-160px}}.social-link__button{background-color:var(--primary-text);outline-offset:-5px;border:5px solid #000;outline:5px solid #000;place-content:center;width:5em;height:5em;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.social-link__button:hover{outline-offset:5px;background-color:var(--primary-background);transform:rotate(-10deg)scale(1.2)}.social-link__button:hover img{filter:invert()}.social-link__button img{filter:invert(0%);place-self:center;width:70%;height:70%}.mobile-hide{display:block}@media only screen and (width<=900px){.mobile-hide{display:none}}.page-header{text-align:center;background-color:var(--primary-text);color:var(--primary-background);justify-content:center;align-items:center}.portfolio-tab{background-color:var(--primary-background);color:var(--primary-text);outline:var(--primary-text) solid 5px;outline-offset:-5px;border:5px solid #000;place-content:center;align-items:center;min-width:12em;height:5em;padding:0 1em;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.portfolio-tab--active{filter:invert();outline-offset:5px;outline:var(--primary-background) solid 5px;margin:0 10px;padding:0 2em}.portfolio-tab__label{vertical-align:middle;font-size:var(--font-small)}.portfolio-tab:hover{filter:invert();outline-offset:5px;outline-color:var(--primary-background);margin:0 10px;padding:0 2em}.portfolio-tabs{z-index:10;width:fit-content;margin-inline:auto;padding:15px 0;position:absolute;top:3em;left:0;right:0}@media only screen and (width<=900px){.portfolio-tabs{display:none!important}}.project-card{justify-content:baseline;box-sizing:border-box;text-align:left;flex-direction:column;gap:5px;width:330px;height:530px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;overflow:hidden}.project-card__title{font-size:var(--font-small);box-sizing:border-box;border:5px var(--primary-text) solid;outline:solid var(--primary-background) 5px;outline-offset:-10px;width:100%;margin:0;padding:10px;line-height:1em;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.project-card__body{box-sizing:border-box;border:5px var(--primary-text) solid;text-align:left;background-color:var(--primary-background);flex-direction:column;height:100%;padding:10px 20px;display:flex;overflow:hidden}.project-card__desc{font-size:var(--font-smaller);white-space:pre-line;width:100%;line-height:1em}.project-card__logo{width:80%;height:auto;margin:auto}.project-card__link{box-sizing:border-box;border:5px var(--primary-text) solid;width:100%;font-size:var(--font-small);color:inherit;text-align:center;outline:solid var(--primary-background) 5px;outline-offset:-10px;padding:10px;text-decoration:none;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.project-card__link:hover{letter-spacing:.1em;color:var(--primary-background);background-color:var(--primary-text)}.embla{--slide-size:280px;width:calc(var(--slide-size) * 3)}.embla__viewport{width:calc(var(--slide-size) * 3);height:550px}.project-carousel__controls{border-top:5px solid var(--primary-text);border-bottom:5px solid var(--primary-text);width:330px;margin:15px auto;padding:5px 0;justify-content:space-between!important}.embla__prev,.embla__next{min-width:2em;min-height:2em;font-size:var(--font-small);background-color:var(--primary-background);color:var(--primary-text);border:solid var(--primary-text) 5px;outline:solid var(--primary-background) 5px;outline-offset:-10px;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.embla__prev:hover,.embla__next:hover{color:var(--primary-background);background-color:var(--primary-text)}.embla__container{touch-action:pan-y;display:flex}.embla__slide{flex:0 0 var(--slide-size);justify-content:center;min-width:0;display:flex}.embla__slide__scale{transform-origin:50%}.embla__dots{margin:0;padding:0}.embla__dot{border:2.5px solid var(--primary-text);background-color:var(--primary-background);width:1.2em;height:1.2em;margin:.2em;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.embla__dot--selected{background-color:var(--primary-text);rotate:45deg;scale:.8}.embla__slide--selected .project-card__title{color:var(--primary-background);background-color:var(--primary-text)}.page-about{text-align:center;align-items:center;min-height:900px;position:relative}.page-body{padding-top:170px;padding-bottom:30px}.tabs{width:100%;position:relative}.hidden{display:none}.about-me .body{width:550px;margin:auto}.about-me .description{border:var(--primary-text) 5px solid;padding:20px}.about-me .flavor-file{color:var(--primary-background);background-color:var(--primary-text);outline:solid var(--primary-background) 5px;outline-offset:-10px;flex-direction:row;justify-content:space-around;margin-bottom:5px;padding:12px 0;display:flex}.about-me span{margin:0;padding:0 20px}.about-me .story{border-bottom:solid 5px var(--primary-text);border-top:solid 5px var(--primary-text);padding:20px 10px}.about-me .title{margin:0}.angela{transform-origin:bottom;content:normal;z-index:10;animation:3s ease-in-out infinite alternate angela-idle;position:absolute;bottom:2em;right:0}@keyframes angela-idle{0%{transform:scale(1.05,.95)}to{transform:scale(1)}}.angela:hover{content:url(/assets/images/char_4.png)}.hello-card{pointer-events:none;width:50%;height:auto;animation:2s linear infinite card-float}@keyframes card-float{0%{content:url(/assets/images/hello_card.png);transform:rotate(2deg)}49.9%{content:url(/assets/images/hello_card_2.png);transform:rotate(2deg)}50%{transform:rotate(-2deg)}99.9%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}.mobile-h1{display:none}@media only screen and (width<=1150px){.angela{display:none!important}}@media only screen and (width<=900px){.mobile-h1{width:100%;margin:1em 0;display:block}.hidden{display:block}.page-body{padding-top:2em;padding-bottom:5em}.about-me .body{width:330px;margin:auto}.about-me .flavor-file{display:none}}.page-footer{background-color:var(--primary-text);color:var(--primary-background);text-align:center;align-items:center;position:relative}.footer-body{flex-direction:row;justify-content:center;align-items:center;width:100%;margin:auto 5em;display:flex}.footer-body p{justify-content:center;align-items:center;display:flex}.eye{width:30%;height:auto;margin:-3%;padding:0}.footer-stripe{white-space:nowrap;white-space-collapse:preserve;color:var(--primary-text);background-color:var(--primary-background);overflow:none;will-change:transform;justify-content:center;align-items:center;padding:20px;display:inline-flex;left:0;right:0}.footer-stripe.bottom-footer{bottom:0}.footer-stripe.top-footer{top:0}@media only screen and (width<=900px){.footer-body{flex-direction:column;gap:2em}.eye{width:60%}}@font-face{font-family:aldoapache;src:url(/assets/fonts/AldotheApache.ttf)}:root{--primary-background:#000;--primary-text:#fff;--font-huge:90px;--font-big:70px;--font-medium:50px;--font-small:30px;--font-smaller:20px;--zindex-front:1;--zindex-medium:0;--zindex-back:-1}*{font-family:aldoapache}p{margin:0;padding:0}.font-huge{font-size:var(--font-huge)}.font-big{font-size:var(--font-big)}.font-medium{font-size:var(--font-medium)}.font-small{font-size:var(--font-small)}.font-smaller{font-size:var(--font-smaller)}.text-flavor{padding:20px 5px}.left{margin-left:20px;position:absolute;left:100%}.text-left{text-align:left}.text-right{text-align:right}.line{border-left:5px solid #000}p{line-height:.9em}html{scroll-snap-type:y}body{background-color:var(--primary-background);color:var(--primary-text);margin:0}.invert{filter:invert()}.page{scroll-snap-align:center;flex-direction:column;width:100%;min-height:100lvh;display:flex;overflow:hidden}.center-pad{margin:0 20px;padding:20px}.row{flex-direction:row;justify-content:center;align-self:center;align-items:center;gap:40px;display:flex}.border{border-left:5px dashed var(--primary-text);padding:30px}.absolute{position:absolute}.relative{position:relative}.bottom{bottom:0}.top{top:0}.left{left:0}.right{right:0}.pixel-art{-ms-interpolation-mode:nearest-neighbor;image-rendering:crisp-edges;image-rendering:pixelated}hr{border:0;border-top:5px solid var(--primary-text);height:0;margin:10px 0;padding:0;display:block}.scroll-indicator{z-index:20;position:fixed;left:10px}.scroll-indicator img{animation:3s linear infinite scroll-indicator-idle;position:fixed}@keyframes scroll-indicator-idle{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@media only screen and (width<=900px){.scroll-indicator{display:none}}