@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-family:Space Grotesk,sans-serif;font-size:22px;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-family:VT323,monospace;color:#0e103d;font-size:96px;margin-bottom:5px}.hero-text h2{font-family:Space Grotesk,sans-serif;color:#9caf5e;font-size:48px}.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-family:VT323,monospace;font-size:48px;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-family:VT323,monospace;color:#9caf5e;font-size:48px}.about-me h2{font-family:VT323,monospace;color:#69306d;font-size:48px}.about-me p{font-family:Space Grotesk,sans-serif;color:#0e103d;font-size:20px;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-family:Space Grotesk,sans-serif;color:#0e103d;font-size:14px;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{text-align:center;color:#cbcfda;padding:1rem;display:flex;gap:20px;justify-content:center;position:absolute;bottom:1vh;width:100%;font-family:Space Grotesk,sans-serif;font-size:12px}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}.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}@keyframes wiggle{0%{transform:rotate(0)}25%{transform:rotate(3deg)}50%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}to{transform:rotate(0)}}.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;font-size:1.5rem;color:#f5f5f5;font-family:VT323,monospace;text-decoration-color:#f5f5f5}.project-card p{margin:0 1rem 1rem;font-size:.95rem;color:#cbcfda;font-family:Space Grotesk,sans-serif}.project-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}