@font-face{font-family:LEMONMILK-MediumItalic;src:url(/assets/LEMONMILK-MediumItalic-01uY5FWA.otf)format("opentype");font-weight:400}@font-face{font-family:LEMON-MILK-MEDIUM;src:url(/assets/LEMONMILK-Medium-hBwvVGOe.otf)format("opentype");font-weight:400}@font-face{font-family:FOT-Skip;src:url(/assets/FOT-Skip-Std-B-C0AT4pRh.otf)format("opentype");font-weight:700}@font-face{font-family:BM Space;src:url(/assets/bm-space-8j0MoF3V.ttf)format("truetype");font-weight:400}@font-face{font-family:Hiragino Mincho;src:url(/assets/Hiragino-Mincho-Pro-W6-BO_ftGr_.otf)format("opentype");font-weight:400}@font-face{font-family:Barlow Regular;src:url(/assets/Barlow-Regular-DgxWDqdj.ttf)format("truetype");font-weight:400}@font-face{font-family:Barlow Medium;src:url(/assets/Barlow-Medium-DYkmydED.ttf)format("truetype");font-weight:400}@font-face{font-family:Novecento Light;src:url(/assets/Novecento-Light-B8sFvr3G.otf)format("opentype")}@font-face{font-family:Nuber Next;src:url(/assets/NuberNext-Regular-Bugs-7xO.otf)format("opentype")}@keyframes slideUp{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-50%)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-50%)}to{opacity:1;transform:translate(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(50%)}to{opacity:1;transform:translate(0)}}@keyframes type-out{0%{width:0}to{width:100%}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}*{box-sizing:border-box;flex-wrap:wrap;margin:0;padding:0}body{color:#fff;background-color:#0a0f1f;font-family:BM Space,sans-serif;line-height:1.6}html{scroll-behavior:smooth}@keyframes float{0%,to{transform:translate(20vw,20%)scale(1)}50%{transform:translate(80vw,20%)scale(1.1)}}@keyframes floatUp{0%{opacity:0;transform:translateY(0)scale(1)}20%{opacity:.6}80%{opacity:.6}to{opacity:0;transform:translateY(-115vh)scale(1.3)}}.return-website{min-height:100vh;position:relative;overflow:hidden}.background-wrapper{z-index:0;position:absolute;inset:0}.content-wrapper{z-index:1;color:#fff;background-color:#0a0f1fd9;min-height:100vh;position:relative}.bubbles-container{pointer-events:none;z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.bubble{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff6;border-radius:50%;animation:12s linear infinite floatUp;position:absolute;bottom:-100px}.bubble-1{width:80px;height:80px;animation-duration:10s;animation-delay:0s;left:10%}.bubble-2{width:40px;height:40px;animation-duration:14s;animation-delay:3s;left:25%}.bubble-3{width:120px;height:120px;animation-duration:16s;animation-delay:1s;left:45%}.bubble-4{width:60px;height:60px;animation-duration:11s;animation-delay:5s;left:65%}.bubble-5{width:90px;height:90px;animation-duration:13s;animation-delay:2s;left:80%}@font-face{font-family:FOT-Skip;src:url(../../assets/fonts/FOT-Skip-Std-B.otf)format("opentype");font-weight:700}@font-face{font-family:BM Space;src:url(../../assets/fonts/bm-space.ttf)format("truetype");font-weight:400}@font-face{font-family:Hiragino Mincho;src:url(../../assets/fonts/Hiragino-Mincho-Pro-W6.otf)format("opentype");font-weight:400}.navbar{color:#fff;z-index:100;background:#000;width:100%;transition:transform .3s ease-in-out;position:fixed;top:0;left:0;transform:translateY(0);box-shadow:0 4px 12px #12a51226}.navbar.hidden{transform:translateY(-100%)}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.navbar-container a{align-items:baseline;text-decoration:none;display:inline-flex}.navbar .name{font-family:LEMON-MILK-MEDIUM,sans-serif;font-size:2.2rem}.navbar a{color:inherit;text-decoration:none}.navbar .accent{color:#12a512;border-right:1.5px solid;width:0;max-width:max-content;font-family:Hiragino Mincho,Comic Sans MS,"sans-serif";font-size:1.5rem;animation:2s steps(30,end) 1s forwards type-out,.75s step-end infinite blink;display:inline-block;overflow:hidden}.navbar-links{gap:2rem;margin:0 0 0 1.5rem;padding:0;font-family:FOT-Skip,sans-serif;font-size:1.5rem;list-style:none;display:flex}.navbar-links a{color:inherit;text-decoration:none;transition:scale .25s,text-shadow .25s,color .25s;display:inline-block}.navbar-links a:hover{color:#12a512;text-shadow:0 0 6px #12a512;scale:1.15}.navbar-links li a{font-style:italic;font-weight:700;transition:color .2s}@keyframes blink{0%,to{border-color:#0000}50%{border-color:#12a512}}.hamburger{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;display:none}.hamburger span{background:#fff;border-radius:2px;width:100%;height:2px;transition:transform .3s,opacity .3s}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{background:#000;flex-direction:column;align-items:center;gap:1.5rem;max-height:0;margin:0;padding:0;font-family:FOT-Skip,sans-serif;font-size:1.3rem;list-style:none;transition:max-height .3s,padding .3s;display:flex;overflow:hidden}.mobile-menu.open{max-height:300px;padding:1.5rem 0}.mobile-menu a{color:inherit;text-decoration:none}@media (width<=768px){.navbar-links{display:none}.hamburger,.mobile-menu{display:flex}.navbar .name{font-size:1.6rem}.navbar .accent{font-size:1.1rem}}@keyframes imgRotate{0%{opacity:0;transform:translateY(200%)rotateY(1440deg)rotateX(360deg)}50%{opacity:.2}to{opacity:1;transform:translateY(0)rotateY(0)rotateX(0)}}.home-container{box-sizing:border-box;border-bottom:3px groove #000;justify-content:space-evenly;align-items:center;min-height:100vh;padding:1rem;font-family:Barlow Regular,sans-serif;font-style:italic;display:flex}.image-container{perspective:1000px;flex-direction:column;justify-content:center;align-items:center;padding-right:8rem;display:flex;position:relative}.home-image{max-width:100%;height:auto;margin:0;animation:4s cubic-bezier(.25,1,.5,1) forwards imgRotate}.home-image img{width:100%;height:auto;display:block}.home-image-header{color:#0000;text-align:center;opacity:0;background:linear-gradient(to top right,#dddbda 20%,#292929 80%);-webkit-background-clip:text;background-clip:text;margin-top:2rem;font-family:Barlow Regular,sans-serif;font-size:1.4rem;font-style:normal;animation:1s cubic-bezier(.25,1,.5,1) 4s forwards slideUp}.separator-line{opacity:1;background:linear-gradient(90deg,#0a0f1f 15%,#12a512 100%);border:none;height:2px;margin-bottom:2rem;box-shadow:0 0 12px #363434}.home-content hr{border:none;border-bottom:1px solid #ffffff26;margin-bottom:1.5rem}.home-content{flex-direction:column;flex:2;justify-content:space-evenly;padding-left:5rem;animation:.5s cubic-bezier(.25,1,.5,1) forwards slideUp;display:flex}.home-header{font-family:Novecento Light,sans-serif;font-size:4rem;font-style:normal;font-weight:700}.home-content p{font-size:2rem}.social-links{flex-direction:row;justify-content:center;gap:5rem;margin-top:5rem;display:flex}.social-links svg{color:#fff;font-size:4rem}.social-links svg:hover{color:#ffffff9a;text-shadow:0 0 6px #ffffff9a;transition:scale .25s,text-shadow .25s,color .25s;transform:translateY(-4px)}@media (width<=768px){.home-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3rem;min-height:auto;padding:2rem 1.5rem}.home-content{text-align:center;flex:none;align-items:center;width:100%;padding-left:0}.image-container{align-items:center;width:100%;padding-right:0}.home-header{font-size:2.25rem}.home-content p{font-size:1.15rem}.home-image-header{text-align:center;font-size:1.1rem}.social-links{justify-content:center;gap:2rem;margin-top:2.5rem}.social-links svg{font-size:2.5rem}}.about-container{text-align:center;box-sizing:border-box;flex-direction:column;min-height:100vh;font-family:Nuber Next,sans-serif;display:flex;position:relative}.about-quote{color:#256625;text-shadow:4px 4px #1f331f;margin:5rem;font-family:BM Space,sans-serif;font-size:medium}.quick-summary{margin-inline:2rem;max-width:100vw;margin-bottom:4rem}.about-content{flex-flow:row;justify-content:space-between;margin-inline:2rem;padding:2rem;display:flex}.about-content h2{flex:1}.divider{background:linear-gradient(#0000,#0a1f3d 20%,#fff 50%,#0a1f3d 80%,#0000);align-self:stretch;width:2px;margin-inline:2rem}.about-container hr{width:100%;margin:0;position:absolute;bottom:0;left:0}@media (width<=768px){.about-quote{margin:2.5rem 1.5rem}.quick-summary{margin-inline:1.25rem;margin-bottom:2.5rem}.about-content{flex-direction:column;gap:2rem;margin-inline:1rem;padding:1rem}.divider{background:linear-gradient(90deg,#0000,#0a1f3d 20%,#fff 50%,#0a1f3d 80%,#0000);width:100%;height:2px;margin-inline:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.game-container{margin-top:3rem;background:#382b46;border-radius:15px;width:400px;max-height:50px;margin-inline:3rem;transition:max-height .3s;position:absolute;overflow:hidden;box-shadow:7px 7px 3px #382b4666}.game-container:hover{max-height:500px}.game-list{margin-top:5px;font-family:Barlow Regular;font-size:1.5rem;font-style:italic;list-style:none}.game-list li{border-bottom:1px solid #ffffff14;margin-top:5px;animation:.3s forwards slideUp}.game-list li:first-child{animation-delay:50ms}.game-list li:nth-child(2){animation-delay:.1s}.game-list li:nth-child(3){animation-delay:.15s}.game-list li:nth-child(4){animation-delay:.2s}.game-list li:nth-child(5){animation-delay:.25s}.game-list li:hover{color:#fff;text-shadow:0 0 6px #fff;scale:1.15}.game-details{opacity:0;visibility:hidden;pointer-events:none;background:#382b46;border-radius:15px;width:1000px;height:260px;margin-top:3rem;transition:opacity .3s,visibility .3s;position:absolute;left:30%;box-shadow:7px 7px 3px #382b4666}.game-details.visible{opacity:1;visibility:visible;pointer-events:auto}.game-page{grid-template-rows:1fr;grid-template-columns:2fr 5fr;gap:20px;height:100%;animation:.25s ease-out forwards fadeIn;display:grid}.game-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;display:block;overflow:hidden}.image-wrapper{background:#382b46;justify-content:start;width:100%;height:calc(100% - 2rem);margin-block:1rem;margin-inline:4rem;display:flex;overflow:hidden}.text-wrapper{flex-direction:column;gap:20px;margin:1rem;display:flex}.game-rating{color:#9a9a84;font-family:Hiragino Mincho;font-size:large}@media (width<=768px){.game-container{width:90vw;margin-inline:auto;position:relative;left:auto}.game-details{opacity:1;visibility:visible;pointer-events:auto;width:90vw;height:auto;max-height:none;margin:1.5rem auto 0;transition:none;display:none;position:static}.game-details.visible{display:block}.game-page{grid-template-rows:auto auto;grid-template-columns:1fr}.image-wrapper{justify-content:center;align-items:center;width:100%;height:200px;margin-inline:0;display:flex;overflow:hidden}.text-wrapper{margin:.5rem 1rem 1rem}.game-list{font-size:1.2rem}.game-image{object-fit:contain;width:100%;height:100%;display:block}}.main-container{flex-direction:column;justify-content:flex-start;align-items:center;gap:4rem;min-height:100vh;display:flex}.gradient-line{opacity:1;background:linear-gradient(90deg,#0a0f1f 15%,#fff 100%);border:none;flex-shrink:0;width:30%;height:2px;margin-bottom:2rem}@keyframes rotate{0%{transform:translateY(-50%)rotate(0)}to{transform:translateY(-50%)rotate(360deg)}}.fp-star{width:20px;height:20px;animation:4s linear infinite rotate;position:absolute;transform:translateY(-50%)}.intro-container{margin-top:3rem;flex-flow:column;align-items:start;min-height:25vh;margin-inline:1.5rem;display:flex}.project-header{font-family:Novecento Light,sans-serif;font-size:4rem;font-style:normal;font-weight:700}.intro-text{font-family:Nuber Next;font-size:1.5rem}.main-skills{margin-top:1rem}.github-link{color:#fff;background:#1c1c22;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:.5rem;margin-top:1rem;padding:.6rem 1.1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.github-link:hover{background:#2a2a33;transform:translateY(-2px);box-shadow:0 6px 16px #00000059}.github-icon{flex-shrink:0;width:18px;height:18px}.button-container{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:7rem;margin-top:15vh;display:grid}.generic-button{text-align:center;color:#fff;cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#256625 0%,#12a512 100%);border:1px solid #2a2a35;border-radius:12px;min-width:300px;min-height:150px;padding:1.5rem 1.25rem;font-size:1.125rem;font-weight:600;transition:transform .2s,box-shadow .2s}.generic-button:hover{transform:scale(1.1);box-shadow:0 8px 20px #256625}.close-button{background-color:#0000;width:30px;height:30px;position:absolute;top:1rem;right:1rem}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)translateY(10px)}to{opacity:1;transform:translate(-50%,-50%)scale(1)translateY(0)}}.individual-header{font-family:Barlow Medium;font-size:2rem}.separator-line{flex-flow:row;margin-top:.5rem;display:flex}.separator-line .gradient-line{background:linear-gradient(90deg,#1a1f2e 15%,#12a512 100%);flex-shrink:0;width:100%}.close-button{color:#fff}dialog{color:#fff;background:#1a1f2e;border:none;border-radius:15px;width:min(900px,90vw);max-width:90vw;height:min(600px,85vh);max-height:85vh;padding:2rem;animation:.3s forwards fadeUp;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}dialog::backdrop{background:#0009}@media (width<=768px){.intro-container{max-width:100vw;margin-inline:0}.main-container{flex-direction:column;justify-content:flex-start;align-items:start;gap:4rem;min-height:100vh;display:flex}.project-header{font-size:2.25rem}}@keyframes rotation{0%{rotate:0deg}to{rotate:360deg}}@keyframes rotationStop{0%{rotate:0deg}to{rotate:0deg}}.load-container{background:radial-gradient(circle,#0a0f1f 0%,#363f5e 90%);flex-direction:column;justify-content:center;align-items:center;min-width:100vw;max-width:100vw;min-height:100vh;max-height:100vh;transition:opacity .5s;display:flex}.load-container.hidden{opacity:0}.load-indicators{opacity:0;visibility:hidden;transition:opacity 2s}.load-indicators.active{visibility:visible;opacity:1}.load-indicator-wrapper{opacity:0;visibility:hidden;margin:7rem;display:inline-block}.load-indicator-wrapper.active{opacity:1;visibility:visible;animation:2s forwards slideUp}.load-indicator{color:#fff;align-items:center;width:60px;height:60px;animation:1s infinite rotation;display:flex}.load-indicator.stopped{animation:.67s ease-out forwards rotationStop}@keyframes dotSteps{0%{width:0}80%{width:3ch}to{width:3ch}}.ending-wrapper{display:flex;position:relative}.loading-text.stopped{opacity:0}.loading-dots{vertical-align:bottom;white-space:nowrap;animation:1.5s steps(3,end) infinite dotSteps;display:inline-block;overflow:hidden}.loading-text{color:#fff;white-space:nowrap;margin-top:2rem;font-family:FOT-Skip;font-size:2rem;transition:opacity .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.okay-sign{opacity:0;white-space:nowrap;margin-top:2rem;font-family:BM Space;font-size:3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes specificSlide{0%{opacity:0;transform:translate(-50%,-50%)translate(-50%)}to{opacity:1;transform:translate(-50%,-50%)translate(0)}}.okay-sign.active{opacity:1;animation:.7s forwards specificSlide}@media (width<=768px){.load-indicator-wrapper{margin:.5rem}.load-indicator{width:45px;height:45px}.loading-text{font-size:1.4rem}.okay-sign{font-size:2rem}}