@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&family=VT323&display=swap";*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::-moz-placeholder{color:unset}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;line-break:after-white-space;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}body{background-color:#f5f5f5}.navbar{padding:25px 60px 40px;font-size:22px;font-family:Space Grotesk,sans-serif;background-color:#f5f5f5}.navbar .nav-links{display:flex;justify-content:space-between;flex-direction:row;align-items:center}.navbar .nav-links .logo-link .logo-wrapper{position:relative;width:-moz-fit-content;width:fit-content}.navbar .nav-links .logo-link .logo-wrapper .name-logo{width:80%;height:auto;display:block}.navbar .nav-links .logo-link .logo-wrapper .logo-star{position:absolute;top:0;left:0;width:80%;height:auto;pointer-events:none}.navbar .nav-links .logo-link .logo-wrapper .logo-star.hover{opacity:0}.navbar .nav-links .logo-link:hover .logo-star.hover,.navbar .nav-links .logo-link:focus .logo-star.hover{opacity:1}.navbar .nav-links .logo-link:hover .logo-star:not(.hover),.navbar .nav-links .logo-link:focus .logo-star:not(.hover){opacity:0}.navbar .nav-links svg{color:#0e103d}.navbar .nav-links li:not(:first-child):not(.nav-icon){position:relative;top:-15px;transition:background-color .3s ease}.navbar .nav-links li:not(:first-child):not(.nav-icon):hover,.navbar .nav-links li:not(:first-child):not(.nav-icon):focus{color:#252866;animation:wiggle .5s forwards}.navbar .nav-links .nav-icon-group{display:flex;gap:20px;align-items:center}.navbar .nav-links .nav-icon-group .nav-icon{position:relative;top:-15px}.navbar .nav-links .nav-icon-group .nav-icon a{display:inline-flex;align-items:center}.navbar .nav-links .nav-icon-group .nav-icon a svg{color:#0e103d;transition:color .3s ease,transform .3s ease}.navbar .nav-links .nav-icon-group .nav-icon a:hover svg,.navbar .nav-links .nav-icon-group .nav-icon a:focus svg{color:#252866;animation:wiggle .5s forwards}.home{padding:80px 120px}.hero{display:flex;flex-direction:row;align-items:flex-start;gap:35px}.hero-text h1{font-size:96px;font-family:VT323,monospace;color:#0e103d;margin-bottom:5px}.hero-text h2{font-size:48px;font-family:Space Grotesk,sans-serif;color:#9caf5e}.hero-image img{width:160px;height:auto;margin-top:-40px;transition:transform .2s ease-in-out}.hero-image img:hover,.hero-image img:focus{animation:wiggle .5s forwards}.learn-more-btn{margin-top:65px;color:#0e103d;font-size:48px;font-family:VT323,monospace;background-color:#f5f5f5;border-radius:50px;border:3px solid #0e103d;padding:10px 60px;display:flex;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;transition:background-color .3s ease}.learn-more-btn:hover,.learn-more-btn:focus{background-color:#cbcfda}.image-links{position:relative;height:350px}.image-links .ds{position:absolute;right:9vw;top:-250px}.image-links .gameboy{position:absolute;right:30vw;top:0}.image-links .wii{position:absolute;right:30px;top:90px}@keyframes play-frames-ds{0%{background-position:0 0}to{background-position:-2058px 0}}.ds-sprite{width:294px;height:294px;background-repeat:no-repeat;background-position:0 0;cursor:pointer;transform:rotate(11.204deg);transform-origin:top left}.ds-sprite:hover,.ds-sprite:focus{animation:play-frames-ds .85s steps(7) infinite}@keyframes play-frames-gameboy{0%{background-position:0 0}to{background-position:-1880px 0}}.gameboy-sprite{width:240px;height:240px;background-repeat:no-repeat;background-position:0 0;cursor:pointer;transform-origin:top left}.gameboy-sprite:hover,.gameboy-sprite:focus{animation:play-frames-gameboy 1.3s steps(8) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wii img{width:250px;animation:spin 5s linear infinite;animation-play-state:paused}.wii img:hover,.wii img:focus{animation-play-state:running}.me-photos .gameboy-frame-wrapper{position:relative;width:400px;height:400px;margin:auto}.me-photos .gameboy-frame-wrapper .screen-img{position:absolute;top:40px;left:105px;width:45%;height:auto;-o-object-fit:cover;object-fit:cover;z-index:1;opacity:1;transition:opacity .3s ease-in-out}.me-photos .gameboy-frame-wrapper .screen-img.fade-out{opacity:0}.me-photos .gameboy-frame-wrapper .frame-img{position:relative;width:100%;z-index:3;pointer-events:none}.me-photos .gameboy-frame-wrapper .arrow{position:absolute;top:40%;transform:translateY(-50%);background:none;border:none;z-index:4;color:#0e103d;cursor:pointer}.me-photos .gameboy-frame-wrapper .arrow.left{left:5px}.me-photos .gameboy-frame-wrapper .arrow.right{right:5px}.me-photos .gameboy-frame-wrapper .arrow:hover,.me-photos .gameboy-frame-wrapper .arrow:focus{transform:translateY(-50%)}.me-photos .gameboy-frame-wrapper .arrow:hover svg,.me-photos .gameboy-frame-wrapper .arrow:focus svg{color:#252866;animation:wiggle .5s forwards}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.about-me{padding-left:8vw;padding-right:8vw;padding-top:.3vh;padding-bottom:.8vh}.about-me h1{font-size:48px;font-family:VT323,monospace;color:#9caf5e}.about-me h2{font-size:48px;font-family:VT323,monospace;color:#69306d}.about-me p{font-size:20px;font-family:Space Grotesk,sans-serif;color:#0e103d;margin-top:20px;line-height:1.6}.about-me p strong{font-weight:550}.about-me .about-top{display:flex;flex-direction:row;gap:60px;align-items:center}.about-me .about-top .about-text p{text-align:justify}.about-me .about-bottom{display:flex;flex-direction:row;gap:50px;align-items:center;margin-top:40px;justify-content:space-between}.about-me .about-bottom .tech-skills{display:flex}.about-me .about-bottom .tech-skills .tech-skills-header{transform:rotate(-90deg);transform-origin:center;margin-right:-40px;margin-left:80px}.about-me .about-bottom .skills-right{width:100%}.about-me .about-bottom .skills-right img:hover,.about-me .about-bottom .skills-right img:focus{animation:wiggle .5s forwards}.about-me .about-bottom .skills-scroll-wrapper{max-width:55vw;max-height:230px;overflow:hidden;position:relative}.about-me .about-bottom .skills-scroll-wrapper:hover .skills-track{animation-play-state:paused}@media (min-width: 2400px){.about-me .about-bottom .skills-scroll-wrapper{max-width:65vw}}.about-me .about-bottom .skills-track{display:flex;width:-moz-fit-content;width:fit-content;animation:scroll-left 40s linear infinite}.about-me .about-bottom .skills-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);gap:10px;margin-left:10px}.about-me .about-bottom .skill-item{position:relative;width:100px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center}.about-me .about-bottom .skill-item .base-icon{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;transition:.3s ease-in-out;z-index:0}.about-me .about-bottom .skill-item .focus-overlay{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:0;z-index:3;transition:opacity .3s ease-in-out;pointer-events:none}.about-me .about-bottom .skill-item:after{content:"";position:absolute;top:50%;left:50%;width:60%;height:60%;border-radius:5%;background-color:#cbcfda00;transition:background-color .3s ease-in-out;z-index:1;transform:translate(-50%,-50%)}.about-me .about-bottom .skill-item p{font-size:14px;font-family:Space Grotesk,sans-serif;color:#0e103d;line-height:1.1;letter-spacing:-.5px;font-weight:550;text-align:center;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);z-index:2;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none;background:#9caf5e;padding:5px;border-radius:10px}.about-me .about-bottom .skill-item:hover:after{background-color:#cbcfdad2}.about-me .about-bottom .skill-item:hover .focus-overlay,.about-me .about-bottom .skill-item:hover p{opacity:1}.footer{margin-top:auto;text-align:center;color:#cbcfda;padding:1rem;display:flex;gap:20px;justify-content:center;width:100%;font-size:12px;font-family:Space Grotesk,sans-serif}a:hover,a:focus{text-decoration:underline}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding-left:8vw;padding-right:8vw;padding-top:.3vh;padding-bottom:.8vh}@media (max-width: 1000px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.projects-grid{grid-template-columns:repeat(1,1fr)}}.project-card{display:flex;flex-direction:column;color:inherit;background:#0e103d;border-radius:5px;border:2px solid #50526a;overflow:hidden;box-shadow:0 4px 5px #0e103d36;transition:transform .2s ease;text-decoration:none}.project-image{position:relative;overflow:hidden;height:15vh}.project-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.project-dates{position:absolute;top:1vh;right:1vh;background:#69306d;color:#f5f5f5;padding:.3rem .6rem;font-size:.8rem;border-radius:5px}.project-dates:hover,.project-dates:focus{animation:wiggle .5s forwards}.project-card h3{margin:1rem;color:#f5f5f5;font-size:1.5rem;font-family:VT323,monospace;text-decoration-color:#f5f5f5}.project-card p{margin:0 1rem 1rem;color:#cbcfda;font-size:.95rem;font-family:Space Grotesk,sans-serif}.project-tags{margin:0 1rem 1rem;display:flex;flex-wrap:wrap;gap:.5rem}.project-card.project-link{display:flex;flex-direction:column;color:inherit;text-decoration:none}.project-card.project-link:hover,.project-card.project-link:focus{text-decoration:none}.project-card.project-link:hover h3{text-decoration:underline}.art-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding-left:8vw;padding-right:8vw;padding-top:.3vh;padding-bottom:.8vh}@media (max-width: 800px){.art-grid{grid-template-columns:repeat(1,1fr)}}.design-card{display:grid;grid-template-columns:1fr 2fr;grid-template-areas:"meta gallery";align-items:stretch;background:#0e103d;border:2px solid #50526a;border-radius:8px;color:#f5f5f5;box-shadow:0 4px 5px #0e103d36;overflow:hidden;text-decoration:none}.design-card.design-link:hover,.design-card.design-link:focus{text-decoration:none}.design-meta{grid-area:meta;padding:.9rem;display:flex;flex-direction:column;gap:.5rem}.design-gallery{grid-area:gallery;position:relative;display:grid;gap:8px;padding:8px;height:100%;grid-auto-flow:dense;grid-template-columns:repeat(3,1fr);grid-auto-rows:110px}.design-gallery .tile{border-radius:6px;overflow:hidden;background:#1b1e4a}.design-gallery .tile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transform:scale(1);transition:transform .25s ease}.design-gallery .tile:hover img{transform:scale(1.04)}.design-gallery .year-badge{position:absolute;top:12px;right:12px;background:#69306d;color:#f5f5f5;padding:.3rem .6rem;border-radius:999px;font-size:.8rem;z-index:2}.design-gallery .year-badge:hover,.design-gallery .year-badge:focus{animation:wiggle .5s forwards}.design-gallery .more-overlay{position:absolute;bottom:12px;right:12px;background:#0000008c;color:#f5f5f5;padding:.25rem .6rem;border-radius:999px;font-size:.85rem}.design-title{margin:0 0 .25rem;font-size:1.35rem;font-family:VT323,monospace;color:#f5f5f5}.made-with{margin:0 0 .5rem;color:#cbcfda;font-size:.95rem;font-family:Space Grotesk,sans-serif}.made-with strong{color:#f5f5f5}.design-section h4{margin:.5rem 0 .25rem;font-size:.95rem;font-family:Space Grotesk,sans-serif;color:#cbcfda}.design-section p{font-size:.95rem;font-family:Space Grotesk,sans-serif;color:#cbcfda}.design-section .process-list{margin-left:1.2rem;font-size:.95rem;font-family:Space Grotesk,sans-serif;color:#cbcfda}.design-section .process-list li{margin-bottom:.25rem}@media (max-width: 900px){.design-card{grid-template-columns:1fr;grid-template-areas:"gallery" "meta"}.design-gallery{grid-auto-rows:100px}}@media (max-width: 700px){.design-gallery{grid-auto-rows:90px}}@media (max-width: 480px){.design-gallery{grid-auto-rows:80px}}.design-card{max-height:60vh;height:min(60vh,-moz-max-content);height:min(60vh,max-content)}@supports (height: 1svh){.design-card{max-height:60svh;height:min(60svh,-moz-max-content);height:min(60svh,max-content)}}.design-meta,.design-gallery{min-height:0}.design-gallery{height:100%}.design-card.design-link{color:inherit;text-decoration:none;cursor:pointer}.design-card.design-link:hover,.design-card.design-link:focus,.design-card.design-link:focus-visible{text-decoration:none;outline:none}.design-card.design-link:hover .design-title,.design-card.design-link:focus-visible .design-title{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1.5px}.tool-icons{margin:0 0 .6rem;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem .6rem;align-items:center}.tool-icon{width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;padding:4px}.tool-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.tool-icon:hover,.tool-icon:focus{animation:wiggle .5s forwards}.tool-adobe{background:#70a0af}.tool-art{background:#9caf5e}.tool-web{background:#e2b4bd}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0;padding:0;margin:-1px}.games-grid{display:grid;grid-template-columns:1fr;gap:2rem;padding-left:8vw;padding-right:8vw;padding-top:.3vh;padding-bottom:.8vh}.game-card{display:grid;grid-template-columns:38% 62%;grid-auto-rows:auto;-moz-column-gap:1.5rem;column-gap:1.5rem;background:#0e103d;border-radius:5px;border:2px solid #50526a;overflow:hidden;box-shadow:0 4px 5px #0e103d36;transition:transform .2s ease;color:inherit;text-decoration:none}@media (max-width: 800px){.game-card{grid-template-columns:1fr}}.game-card>.game-hero{grid-column:1;grid-row:1/span 10;height:100%}@media (max-width: 800px){.game-card>.game-hero{grid-column:1;grid-row:auto;height:24vh}}.game-card>*:not(.game-hero){grid-column:2;padding-right:20px}@media (max-width: 800px){.game-card>*:not(.game-hero){grid-column:1}}.game-hero{position:relative;overflow:hidden;height:100%}@media (max-width: 800px){.game-hero{height:24vh}}@media (max-width: 500px){.game-hero{height:20vh}}.game-cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.game-hero-badges{position:absolute;top:1vh;right:1vh;display:flex;flex-wrap:wrap;gap:.5rem}@keyframes wiggle{0%{transform:rotate(0)}25%{transform:rotate(3deg)}50%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}to{transform:rotate(0)}}.badge{background:#69306d;color:#f5f5f5;padding:.3rem .6rem;border-radius:5px;font-size:.8rem;font-family:VT323,monospace}.badge:hover,.badge:focus{animation:wiggle .5s forwards}.badge.subtle{opacity:.95}.badge.status{background:#0e103d;color:#f5f5f5}.game-header{margin:1rem 1rem .5rem}.game-title{margin:0;color:#f5f5f5;font-size:1.5rem;font-family:VT323,monospace}.game-pitch{margin-top:.5rem;color:#cbcfda;font-size:1rem;font-family:Space Grotesk,sans-serif;font-style:italic}.game-facts{margin:0 1rem 1rem;display:flex;flex-direction:column;gap:.4rem;color:#cbcfda;font-size:.95rem;font-family:Space Grotesk,sans-serif}.fact{display:flex;gap:.5rem;flex-wrap:wrap}.fact-label{color:#f5f5f5;font-weight:600}.fact-value{color:#cbcfda}.game-desc{margin:0 1rem 1rem;color:#cbcfda;font-size:.95rem;font-family:Space Grotesk,sans-serif;line-height:1.5}.game-contribs{margin:0 1rem 1rem 1.5rem;padding-left:1rem;color:#cbcfda;font-size:.95rem;font-family:Space Grotesk,sans-serif;line-height:1.5}.game-contribs li{margin-bottom:.4rem}.game-shots{margin:0 1rem 1rem;display:flex;gap:.6rem}.game-shots img{width:23%;height:auto;display:block;border-radius:5px;border:1px solid #50526a}.shot-more{position:absolute;right:.6rem;bottom:.6rem;background:#000000b3;color:#f5f5f5;padding:.2rem .5rem;border-radius:5px;font-size:.75rem}.game-extras{margin:0 1rem 1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 600px){.game-extras{grid-template-columns:1fr}}.extras-block{background:#ffffff08;border:1px solid #50526a;border-radius:5px;padding:.75rem}.extras-title{display:block;margin-bottom:.5rem;color:#f5f5f5;font-weight:600;font-size:1rem;font-family:VT323,monospace}.extras-block ul{margin:0;padding-left:1.2rem;color:#cbcfda;font-size:.9rem;font-family:Space Grotesk,sans-serif}.extras-block ul li{margin-bottom:.35rem}.game-tags{margin:0 1rem 1rem;display:flex;flex-wrap:wrap;gap:.5rem}.tag{color:#0e103d;padding:.3rem .6rem;border-radius:5px;font-size:.8rem;font-family:VT323,monospace}.tag:hover,.tag:focus{animation:wiggle .5s forwards}.tag.pink{background-color:#e2b4bd}.tag.blue{background-color:#70a0af}.tag.green{background-color:#9caf5e}.tag.purple{background-color:#69306d}.game-links{margin:0 1rem 1rem;display:flex;flex-wrap:wrap;gap:.75rem}.btn{padding:.4rem .8rem;border-radius:5px;border:2px solid #50526a;background:transparent;color:#f5f5f5;text-decoration:none;font-size:.9rem;font-family:VT323,monospace;transition:transform .15s ease,background .15s ease}.btn:hover,.btn:focus{background:#ffffff0f}.btn.ghost{background:transparent;border-color:#6b6e90}.game-card:hover .game-title{text-decoration:underline;text-decoration-color:#f5f5f5}