*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--bg-color:#fff;--text-color:#000;--scale-factor:clamp(6px,min(1vw,1.5vh),16px);--base-size:calc(var(--scale-factor)*16)}[data-theme=dark]{--bg-color:#000;--text-color:#fff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-color);color:#000;color:var(--text-color);font-family:Pixellari,sans-serif;transition:background-color .3s ease,color .3s ease;-webkit-user-select:none;user-select:none}.selectable{-webkit-user-select:text;user-select:text}.theme-container{position:absolute;right:0;top:0;z-index:1000}.theme-container,.theme-sprite-container{height:calc(clamp(6px, min(1vw, 1.5vh), 16px)*36);height:calc(var(--scale-factor)*36);overflow:hidden;width:calc(clamp(6px, min(1vw, 1.5vh), 16px)*36);width:calc(var(--scale-factor)*36)}.theme-sprite-container{position:relative}.theme-sprite{height:calc(clamp(6px, min(1vw, 1.5vh), 16px)*72);height:calc(var(--scale-factor)*72);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;left:0;pointer-events:none;position:absolute;top:calc(clamp(6px, min(1vw, 1.5vh), 16px)*-36);top:calc(var(--scale-factor)*-36);width:calc(clamp(6px, min(1vw, 1.5vh), 16px)*72);width:calc(var(--scale-factor)*72)}.theme-text-button{background:#0000;border:none;color:#000;color:var(--text-color);cursor:pointer;font-family:Pixellari,sans-serif;font-size:1.5rem;font-weight:700;left:80%;padding:5px 10px;position:absolute;text-decoration:underline;text-transform:uppercase;text-underline-offset:4px;top:20%;transform:translate(-50%,-50%)}.App{min-height:100vh}.fade-section{opacity:0;transform:translateY(20px);transition:opacity 1.2s ease,transform 1.2s ease}.fade-section.visible{opacity:1;transform:translateY(0)}.about-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.about-header h2{margin-bottom:0}.coin-animation{display:inline-block;flex-shrink:0;transform:translateY(calc(clamp(6px, min(1vw, 1.5vh), 16px)*-2));transform:translateY(calc(var(--scale-factor)*-2))}.coin-sprite{height:calc(clamp(6px, min(1vw, 1.5vh), 16px)*8);height:calc(var(--scale-factor)*8);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;width:calc(clamp(6px, min(1vw, 1.5vh), 16px)*8);width:calc(var(--scale-factor)*8)}.hero-section{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.clouds-container{height:30vh;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1001}.cloud{position:absolute}.cloud.from-left{animation:floatCloudLeft linear infinite}.cloud.from-right{animation:floatCloudRight linear infinite}@keyframes floatCloudLeft{0%{left:-200px}to{left:calc(100% + 200px)}}@keyframes floatCloudRight{0%{right:-200px}to{right:calc(100% + 200px)}}.cloud-sprite{height:auto;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;opacity:.7;width:calc(clamp(6px, min(1vw, 1.5vh), 16px)*15);width:calc(var(--scale-factor)*15)}[data-theme=dark] .cloud-sprite{opacity:.9}.birds-container{height:15vh;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1000}.bird{animation-fill-mode:forwards;height:calc(clamp(6px, min(1vw, 1.5vh), 16px)*4.8);height:calc(var(--scale-factor)*4.8);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;position:absolute;width:calc(clamp(6px, min(1vw, 1.5vh), 16px)*4.8);width:calc(var(--scale-factor)*4.8)}.bird.from-left{animation:flyBirdLeft linear forwards}.bird.from-right{animation:flyBirdRight linear forwards}.bird.hovering{animation:hoverBird linear!important}@keyframes flyBirdLeft{0%{left:-60px}to{left:calc(100% + 60px)}}@keyframes flyBirdRight{0%{left:calc(100% + 60px)}to{left:-60px}}@keyframes hoverBird{0%{left:-60px}40%{left:45%}60%{left:45%}to{left:calc(100% + 60px)}}h1{font-size:clamp(3rem,10vw,10rem);min-height:1.2em;padding:0 20px;position:relative;text-align:center;z-index:2}.cursor,h1{font-weight:400}.cursor{animation:blink 1s infinite;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.loading-dots{animation:pulse 1.5s ease-in-out infinite;display:inline-block}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}@media (max-width:768px){h1{font-size:clamp(2.5rem,12vw,6rem)}}@media (max-width:480px){h1{font-size:clamp(2rem,15vw,4rem)}}.content-container{display:flex;justify-content:space-between;padding:40px 60px 20px;width:100%}.about-section{flex:0 1 55%;padding-right:30px;position:relative;text-align:left}.about-section.standalone{padding:80px 60px 20px;position:relative;width:100%}.about-section.standalone:after{display:none}.about-section:after{background-color:currentColor;content:"";height:100%;position:absolute;right:-15px;top:0;width:3px}.about-section h2{border-bottom:3px solid;display:inline-block;font-size:clamp(3rem,6vw,4.5rem);font-weight:400;margin-bottom:2rem;padding-bottom:0}.about-section p{font-size:clamp(1.5rem,3vw,2rem);line-height:1.8;margin-bottom:2rem}.about-content{align-items:flex-start;display:flex;gap:.5rem}.about-text{flex:1 1}.skills-section{flex:0 1 50%;padding-left:30px;text-align:left}.skills-section h2{border-bottom:3px solid;display:inline-block;font-size:clamp(3rem,6vw,4.5rem);font-weight:400;margin-bottom:2rem;padding-bottom:0}.skills-section ul{list-style:none;padding:0}.skills-section li{font-size:clamp(1.5rem,3vw,2rem);line-height:1.8;margin-bottom:1rem}.education-section{padding:20px 60px 40px;text-align:left;width:100%}.education-section h2{border-bottom:3px solid;display:inline-block;font-size:clamp(3rem,6vw,4.5rem);font-weight:400;margin-bottom:2rem;padding-bottom:0}.education-section ul{list-style:none;padding:0}.education-section li{font-size:clamp(1.5rem,3vw,2rem);line-height:1.8;margin-bottom:1rem}.experience-section{flex:0 1 55%;padding-right:30px;position:relative;text-align:left}.experience-section:after{background-color:currentColor;content:"";height:100%;position:absolute;right:-15px;top:0;width:3px}.experience-section h2{border-bottom:3px solid;display:inline-block;font-size:clamp(3rem,6vw,4.5rem);font-weight:400;margin-bottom:2rem;padding-bottom:0}.experience-section ul{list-style:none;padding:0}.experience-section li{font-size:clamp(1.5rem,3vw,2rem);line-height:1.8;margin-bottom:1rem}.projects-section{padding:20px 60px;text-align:left;width:100%}.projects-section.professional-work{padding-top:20px}.projects-section h2{border-bottom:3px solid;display:inline-block;font-size:clamp(3rem,6vw,4.5rem);font-weight:400;margin-bottom:2rem;padding-bottom:0}.projects-header{align-items:center;display:flex;flex-wrap:nowrap;gap:2rem;margin-bottom:2rem}.projects-header h2{flex-shrink:0;margin-bottom:0;white-space:nowrap}.floating-exp-container{flex-shrink:1;height:calc(clamp(6px, min(1vw, 1.5vh), 16px)*12);height:calc(var(--scale-factor)*12);position:relative;transform:translateY(calc(clamp(6px, min(1vw, 1.5vh), 16px)*-2));transform:translateY(calc(var(--scale-factor)*-2));width:calc(clamp(6px, min(1vw, 1.5vh), 16px)*15);width:calc(var(--scale-factor)*15)}.floating-exp-item{align-items:center;animation:floatUp 2s ease-out;display:flex;gap:.5rem;pointer-events:none;position:absolute}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(clamp(6px, min(1vw, 1.5vh), 16px)*-8));transform:translateY(calc(var(--scale-factor)*-8))}}.exp-sprite{height:calc(clamp(6px, min(1vw, 1.5vh), 16px)*4.8);height:calc(var(--scale-factor)*4.8);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;width:calc(clamp(6px, min(1vw, 1.5vh), 16px)*4.8);width:calc(var(--scale-factor)*4.8)}.exp-value{color:gold;font-size:calc(clamp(6px, min(1vw, 1.5vh), 16px)*2);font-size:calc(var(--scale-factor)*2);font-weight:700;text-shadow:1px 1px 2px #000c}.projects-section ul{list-style:none;padding:0}.projects-section li{border-bottom:1px dashed;font-size:clamp(1.5rem,3vw,2rem);line-height:1.8;margin-bottom:0;overflow:hidden;padding:0;position:relative}.projects-section li .no-link,.projects-section li a{color:inherit;display:block;padding:.3rem 35px .3rem 0;position:relative;text-decoration:none;transition:all .3s ease;width:100%;z-index:1}.projects-section li a .project-text{position:relative;z-index:2}.projects-section li .no-link .char,.projects-section li a .char{color:inherit;display:inline-block;transition:color .15s ease;transition-delay:var(--unhover-delay)}.projects-section li:has(a):before{background-color:#000;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:0}.projects-section li:has(a):hover:before{left:0}.projects-section li:has(a):hover a .char{color:#fff;transition-delay:var(--hover-delay)}.projects-section li .no-link{cursor:default;font-size:inherit;opacity:.8}.projects-section li .no-link .project-text,.projects-section li .no-link .project-text .char{font-size:inherit}.projects-section li:after{content:">";opacity:0;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity .2s ease,right .2s ease;transition-delay:0s;z-index:3}.projects-section li:has(a):hover:after{color:#fff;opacity:1;right:10px;transition-delay:.3s}.projects-section li:last-child{border-bottom:none}[data-theme=dark] .projects-section li:has(a):before{background-color:#fff}[data-theme=dark] .projects-section li:has(a):hover a .char{color:#000;transition-delay:var(--hover-delay)}[data-theme=dark] .projects-section li:has(a):hover:after{color:#000;transition-delay:.3s}.connect-section{padding:0 60px 80px;position:relative;text-align:center;width:100%}.connect-section>.connect-links,.connect-section>h2{position:relative;z-index:1}.connect-section h2{border-bottom:3px solid;display:inline-block;font-size:clamp(3rem,6vw,4.5rem);font-weight:400;margin-bottom:2rem;padding-bottom:0}.connect-links{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.connect-link{background:#fff;background:var(--bg-color);border:3px solid;color:inherit;display:inline-block;font-size:clamp(1.5rem,3vw,2rem);font-weight:500;overflow:hidden;padding:12px 30px;position:relative;text-decoration:none;transition:all .3s ease;z-index:1}.connect-link span{position:relative;transition:color .3s ease;z-index:2}.connect-link:before{background-color:currentColor;content:"";height:100%;left:0;position:absolute;top:100%;transition:top .3s ease;width:100%;z-index:-1}.connect-link:hover:before{top:0}.connect-link:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}[data-theme=light] .connect-link:hover span{color:#fff}[data-theme=dark] .connect-link:hover span{color:#000}[data-theme=dark] .connect-link:hover{box-shadow:0 5px 15px #fff3}[data-theme=dark] .about-section,[data-theme=dark] .connect-section,[data-theme=dark] .education-section,[data-theme=dark] .experience-section,[data-theme=dark] .projects-section,[data-theme=dark] .skills-section{color:#fff}.worms-section{height:70px;margin:0;overflow:hidden;position:relative;width:100%}.worms-container{height:100%;left:0;position:absolute;top:0;width:100%}.worm{animation-fill-mode:forwards;bottom:0;height:calc(clamp(6px, min(1vw, 1.5vh), 16px)*6.4);height:calc(var(--scale-factor)*6.4);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;position:absolute;width:calc(clamp(6px, min(1vw, 1.5vh), 16px)*6.4);width:calc(var(--scale-factor)*6.4)}.worm.from-left{animation:crawlWormLeft linear forwards;animation-fill-mode:forwards}.worm.from-right{animation:crawlWormRight linear forwards;animation-fill-mode:forwards}@keyframes crawlWormLeft{0%{left:-60px}to{left:calc(100% + 60px)}}@keyframes crawlWormRight{0%{left:calc(100% + 60px)}to{left:-60px}}.servers-container{align-items:flex-end;display:flex;gap:4rem;height:150px;justify-content:center;margin-top:5rem;position:relative;width:100%}.server{height:calc(clamp(6px, min(1vw, 1.5vh), 16px)*12);height:calc(var(--scale-factor)*12);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;width:calc(clamp(6px, min(1vw, 1.5vh), 16px)*12);width:calc(var(--scale-factor)*12)}.server-center{height:calc(clamp(6px, min(1vw, 1.5vh), 16px)*14);height:calc(var(--scale-factor)*14);margin-bottom:calc(clamp(6px, min(1vw, 1.5vh), 16px)*-2);margin-bottom:calc(var(--scale-factor)*-2);width:calc(clamp(6px, min(1vw, 1.5vh), 16px)*14);width:calc(var(--scale-factor)*14)}.forest-container{bottom:0;height:calc(clamp(6px, min(1vw, 1.5vh), 16px)*35);height:calc(var(--scale-factor)*35);left:0;overflow:visible;pointer-events:none;position:absolute;width:100%;z-index:0}.forest-tree{animation:sway 4s ease-in-out infinite;bottom:0;height:auto;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;position:absolute;transform-origin:bottom center;width:calc(clamp(6px, min(1vw, 1.5vh), 16px)*8);width:calc(var(--scale-factor)*8)}@keyframes sway{0%,to{transform:rotate(-1deg) translateX(0) var(--tree-scale)}50%{transform:rotate(1deg) translateX(2px) var(--tree-scale)}}.modal-overlay{align-items:center;background-color:initial;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1000}.modal-overlay .modal-content{pointer-events:auto}.modal-content{animation:slideIn .3s ease;background-color:initial;border-radius:8px;max-height:90vh;max-width:90vw;padding:0;position:relative}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:#fff;background:var(--bg-color);border:2px solid #000;border:2px solid var(--text-color);border-radius:50%;color:#000;color:var(--text-color);cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;line-height:1;padding:0;position:absolute;right:-15px;top:-15px;transition:all .2s ease;width:40px;z-index:10}.modal-close span{display:block;margin-top:-2px}.modal-close:hover{background-color:#000;background-color:var(--text-color);color:#fff;color:var(--bg-color);transform:rotate(90deg) scale(1.1)}.video-container{height:45vw;max-height:675px;max-width:1200px;position:relative;width:80vw}.video-container iframe,.video-container video{border:none;border-radius:4px;height:100%;width:100%}.trailer-video{background-color:#000;object-fit:contain}@media (max-width:968px){:root{--scale-factor:clamp(5px,min(1vw,1.5vh),12px)}.theme-text-button{font-size:1.2rem;padding:4px 8px}.floating-exp-container{height:calc(clamp(6px, min(1vw, 1.5vh), 16px)*10);height:calc(var(--scale-factor)*10);width:calc(clamp(6px, min(1vw, 1.5vh), 16px)*12);width:calc(var(--scale-factor)*12)}.about-content{flex-direction:column;gap:2rem}.content-container{flex-direction:column;gap:40px;padding:30px 40px 20px}.about-section,.experience-section,.skills-section{padding-left:0;padding-right:0}.about-section.standalone{padding:60px 40px 20px}.about-section:after,.experience-section:after{display:none}.education-section{padding:20px 40px 30px}.projects-section{padding:20px 40px}.connect-section{padding:0 40px 60px}.about-section h2,.connect-section h2,.education-section h2,.experience-section h2,.projects-section h2,.skills-section h2{margin-bottom:1.5rem}.connect-links{gap:20px}.servers-container{gap:2rem;margin-top:.5rem}}@media (max-width:480px){.theme-text-button{font-size:1rem;padding:3px 6px}.content-container{gap:30px;padding:20px}.about-section.standalone{padding:40px 20px 20px}.education-section,.projects-section{padding:20px}.connect-section{padding:0 20px 40px}.skills-section li{margin-bottom:.8rem}.connect-links{gap:15px}.connect-link{font-size:clamp(1.2rem,3vw,1.5rem);padding:8px 16px}.servers-container{gap:1.5rem;margin-top:0}}.dj-animation-container,.sprite-animation-container{align-items:flex-end;display:flex;height:calc(clamp(6px, min(1vw, 1.5vh), 16px)*15);height:calc(var(--scale-factor)*15);justify-content:center;position:relative;width:100%}.dj-sprite{height:calc(clamp(6px, min(1vw, 1.5vh), 16px)*12);height:calc(var(--scale-factor)*12);left:50%;transform:translateX(-50%);width:calc(clamp(6px, min(1vw, 1.5vh), 16px)*12);width:calc(var(--scale-factor)*12);z-index:2}.dj-laser,.dj-sprite{bottom:calc(clamp(6px, min(1vw, 1.5vh), 16px)*0);bottom:calc(var(--scale-factor)*0);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;position:absolute}.dj-laser{height:calc(clamp(6px, min(1vw, 1.5vh), 16px)*25.6);height:calc(var(--scale-factor)*25.6);width:calc(clamp(6px, min(1vw, 1.5vh), 16px)*25.6);width:calc(var(--scale-factor)*25.6)}.laser-behind{left:50%;transform:translateX(-50%);z-index:1}.laser-p{left:calc(50% - clamp(10rem, 30vw, 30rem))}.laser-dots{left:calc(50% + clamp(1rem, 5vw, 5rem))}@media (max-width:480px){:root{--scale-factor:clamp(4px,min(1vw,1.5vh),8px)}.projects-header{gap:.8rem}.projects-header h2{font-size:clamp(1.8rem,5vw,2.5rem)!important}.floating-exp-container{height:calc(clamp(6px, min(1vw, 1.5vh), 16px)*6);height:calc(var(--scale-factor)*6);transform:translateY(calc(clamp(6px, min(1vw, 1.5vh), 16px)*-1));transform:translateY(calc(var(--scale-factor)*-1));width:calc(clamp(6px, min(1vw, 1.5vh), 16px)*8);width:calc(var(--scale-factor)*8)}.exp-sprite{height:calc(clamp(6px, min(1vw, 1.5vh), 16px)*3.2);height:calc(var(--scale-factor)*3.2);width:calc(clamp(6px, min(1vw, 1.5vh), 16px)*3.2);width:calc(var(--scale-factor)*3.2)}.exp-value{font-size:calc(clamp(6px, min(1vw, 1.5vh), 16px)*1.4);font-size:calc(var(--scale-factor)*1.4)}.floating-exp-item{gap:.2rem}}
/*# sourceMappingURL=main.226f0e0c.css.map*/