@import "https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900";.nebula{z-index:-1;background:radial-gradient(circle,#6432964d 0%,#14143c1a 50%,#0000 80%);width:100%;height:100vh;transition:background-position .3s;animation:20s ease-in-out infinite nebulaShift;position:fixed;top:0;left:0}@keyframes nebulaShift{0%{opacity:.5;background-position:50%}50%{opacity:.7;background-position:60% 40%}to{opacity:.5;background-position:50%}}html,body{background:#0a0a1a;width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}body{height:100%}.stars{pointer-events:none;z-index:0;width:100%;height:100vh;position:fixed;top:0;left:0}.stars:before{content:"";opacity:.8;background:radial-gradient(circle at 20% 60%,#3250964d 0%,#14143c26 30%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.stars:after{content:"";opacity:.7;background:radial-gradient(circle at 70% 30%,#64325040 0%,#280a1e1a 30%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.star{opacity:.9;will-change:transform,opacity;background:#fff;border-radius:50%;width:2px;height:2px;animation:linear infinite driftStar,1.5s infinite twinkle;position:absolute}.shooting-star{z-index:1;will-change:transform,opacity;background:linear-gradient(45deg,#fff 30%,#fff0 100%);border-radius:50%;width:6px;height:6px;animation:linear infinite shootStar;position:absolute;box-shadow:0 0 15px #fff,0 0 25px #ffffffb3}.navigation{backdrop-filter:blur(5px);z-index:50;background:#333c;border-radius:10px;justify-content:center;align-items:center;width:400px;height:70px;display:flex;position:fixed;top:10px;left:50%;transform:translate(-50%)}.navigation ul{width:350px;display:flex;position:relative}.navigation ul li{z-index:1;width:70px;height:70px;list-style:none;position:relative}.navigation ul li a,.navigation ul li div{text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;font-weight:500;display:flex;position:relative}.navigation ul li a .icon,.navigation ul li div .icon{color:#ffffff80;font-size:1.5em;line-height:75px;transition:all .5s;display:block;position:relative}.navigation ul li:hover a .icon,.navigation ul li:hover div .icon{color:#fff}.navigation ul li.active a .icon,.navigation ul li.active div .icon{color:#29fd53;transform:translateY(-8px)}.navigation ul li a .text,.navigation ul li div .text{opacity:0;color:#222327;letter-spacing:.05em;text-transform:uppercase;font-size:.5em;font-weight:600;transition:all .5s;position:absolute;transform:translateY(0)}.navigation ul li.active a .text,.navigation ul li.active div .text{opacity:1;transform:translateY(13px)}.indicator{justify-content:center;align-items:center;width:70px;height:70px;transition:all .5s;display:flex;position:absolute}.indicator:before{content:"";background:#29fd53;border-radius:10px;width:80%;height:14px;position:absolute;bottom:13px}.indicator:after{content:"";background:#29fd53;border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite particleFloat;position:absolute;box-shadow:0 0 10px #29fd53}.indicator .particle{background:#29fd53;border-radius:50%;width:3px;height:3px;animation:1.5s ease-in-out .5s infinite particleFloat;position:absolute;box-shadow:0 0 8px #29fd53}.navigation ul li:first-child.active~.indicator{transform:translate(0)}.navigation ul li:nth-child(2).active~.indicator{transform:translate(70px)}.navigation ul li:nth-child(3).active~.indicator{transform:translate(140px)}.navigation ul li:nth-child(4).active~.indicator{transform:translate(210px)}.navigation ul li:nth-child(5).active~.indicator{transform:translate(280px)}.mobile-navigation{backdrop-filter:blur(5px);z-index:50;background:#333c;border-radius:8px;justify-content:center;align-items:center;width:90%;max-width:300px;height:50px;padding:0 10px;display:flex;position:fixed;top:10px;left:50%;transform:translate(-50%)}.mobile-navigation ul{justify-content:space-around;width:100%;margin:0;padding:0;display:flex}.mobile-navigation ul li{justify-content:center;align-items:center;width:50px;height:50px;list-style:none;display:flex}.mobile-navigation ul li a{cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.mobile-navigation ul li a .icon{color:#ffffff80;font-size:1.3em;transition:all .3s}.mobile-navigation ul li:hover a .icon{color:#fff}.mobile-navigation ul li.active a .icon{color:#29fd53;transform:scale(1.2)}#connect{box-sizing:border-box;width:100%;padding:2rem 1rem}#connect form{flex-direction:column;gap:1rem;max-width:100%;margin:0 auto;display:flex}#connect input,#connect textarea{box-sizing:border-box;color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:5px;width:100%;max-width:100%;padding:.5rem;font-size:.9rem;transition:border-color .3s}#connect textarea{resize:vertical;min-height:100px}#connect input:focus,#connect textarea:focus{border-color:#29fd53;outline:none;box-shadow:0 0 10px #29fd5380}#connect button{color:#fff;cursor:pointer;background:#1e90ff;border:none;border-radius:5px;padding:.75rem;font-size:1rem;font-weight:600;transition:background .3s}#connect button:hover{background:#4682b4}@media (width<=768px){.navigation{display:none}.mobile-navigation{display:flex}#home{box-sizing:border-box;flex-direction:column;width:100%;min-height:auto;padding-top:150px}#home-firsthalf,#home-secondhalf{box-sizing:border-box;width:100%;height:auto;min-height:auto;padding:1rem}#home-firsthalf{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex}#home-firsthalf h1{margin-bottom:1rem;font-size:2rem}#home-firsthalf p{margin:0 1rem 1.5rem;font-size:1rem;line-height:1.5}#home-secondhalf{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:30vh;margin-top:0;display:flex;position:relative}#home-secondhalf .earth-container{width:70%;max-width:200px;height:auto;margin:0 auto;position:relative;bottom:0;transform:none}#home-secondhalf .earth-container img{width:100%;max-width:100%;height:auto;display:block}#technologies{box-sizing:border-box;width:100%;margin-top:2rem;padding:1rem}#technologies h2{text-align:center;margin-bottom:1rem;font-size:1.5rem}#technologies>div{box-sizing:border-box;min-height:40vh;width:100%!important;height:auto!important}.tech-card{box-sizing:border-box;width:calc(100% - 1rem);margin:.5rem;padding:10px}.tech-card img{width:48px;height:48px}.tech-card span{font-size:.9rem}#projects{box-sizing:border-box;width:100%;margin-top:4rem;padding:1rem}.project-card{box-sizing:border-box;width:100%}.project-card img{object-fit:cover;width:100%;height:120px}.social-icon{margin:.5rem;font-size:1.5rem}input,textarea{padding:.5rem;font-size:.9rem}}@media (width<=600px){.animated-text{font-size:1rem}.mobile-navigation{width:95%;max-width:280px;height:45px}.mobile-navigation ul li{width:45px;height:45px}.mobile-navigation ul li a .icon{font-size:1.1em}#home-firsthalf h1{font-size:1.8rem}#home-firsthalf p{font-size:.9rem}#home-secondhalf .earth-container{width:60%;max-width:150px}.tech-card{padding:8px}.tech-card img{width:40px;height:40px}.tech-card span{font-size:.8rem}.project-card img{height:100px}}@media (width>=769px){.navigation{display:flex}.mobile-navigation{display:none}#connect form{max-width:500px}}@keyframes particleFloat{0%{opacity:.8;transform:translate(0)}50%{opacity:.4;transform:translate(10px,-10px)}to{opacity:.8;transform:translate(0)}}@keyframes driftStar{0%{opacity:.9;transform:translate(0)}50%{opacity:.5}to{transform:translate(calc(50vw*var(--random-x)),calc(50vh*var(--random-y)));opacity:.3}}@keyframes twinkle{0%,to{opacity:.9}50%{opacity:.4}}@keyframes shootStar{0%{opacity:1;transform:translate(0)}70%{opacity:.8}to{transform:translate(calc(var(--shoot-x)*1vw),calc(var(--shoot-y)*1vh));opacity:0}}.section{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(50px)}.section.visible{opacity:1;transform:translateY(0)}h1,p{z-index:10;position:relative}.animated-text{color:#fff;-webkit-text-fill-color:transparent;white-space:nowrap;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;border-right:2px solid #fff;font-size:1.5rem;font-weight:700;animation:3s steps(20,end) forwards typing,.75s step-end infinite blink;overflow:hidden}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:#0000}50%{border-color:#fff}}.animated-text:hover{transition:transform .3s;transform:scale(1.05)}.animated-text.cursor-hidden{border-right:none}.animated-text.cursor-hidden:after{display:none}.parallax-bg{box-sizing:border-box;background-color:#0000;background-image:url(https://www.transparenttextures.com/patterns/stardust.png),linear-gradient(#0000324d,#0000);background-position:50%;background-repeat:repeat,repeat;background-size:cover,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;transition:transform .1s ease-out}.parallax-bg.animate-parallax{animation:10s linear infinite parallaxMove}@keyframes parallaxMove{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.tech-card{backdrop-filter:blur(10px);z-index:10;transform-style:preserve-3d;perspective:1000px;border:1px solid #fff3;animation:6s ease-in-out infinite float;position:relative}.tech-card:before{content:"";background:radial-gradient(circle at 50% 50%,var(--tech-color)0%,transparent 70%);opacity:.3;z-index:-1;width:100%;height:100%;animation:4s ease-in-out infinite glowPulse;position:absolute;top:0;left:0}.tech-card .tech-logo,.tech-card .tech-label{transition:transform .5s;transform:translateZ(20px)}.tech-card:hover{animation:.5s bounce;transform:scale(1.1)rotate(5deg)}.tech-card:hover .tech-logo{transform:translateZ(30px)scale(1.2)}.tech-card:hover .tech-label{transform:translateZ(30px)}.tech-card:hover:before{opacity:.5;box-shadow:0 0 40px var(--tech-color)}.tech-card.animate-tech-slide{animation:1s ease-out forwards slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(50px)rotateX(45deg)}to{opacity:1;transform:translateY(0)rotateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes glowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}#projects{box-sizing:border-box;width:100%;margin-top:6rem;padding:1rem}.project-card{z-index:10;transition:transform .3s,box-shadow .3s;box-shadow:0 0 15px #fff3}.project-card:hover{animation:1.5s infinite glowBorder;transform:translateY(-10px)rotateX(5deg)rotateY(5deg);box-shadow:0 0 20px #29fd5380}@keyframes glowBorder{0%{box-shadow:0 0 10px #29fd5380}50%{box-shadow:0 0 20px #29fd53cc}to{box-shadow:0 0 10px #29fd5380}}.social-icon{transition:transform .3s;animation:2s infinite pulse}.social-icon:hover{transform:scale(1.2)rotate(15deg)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}input,textarea{z-index:10;border:1px solid #fff3;transition:border-color .3s}input:focus,textarea:focus{border-color:#29fd53;outline:none;box-shadow:0 0 10px #29fd5380}.spinner{border:3px solid #29fd53;border-top-color:#0000;border-radius:50%;width:24px;height:24px;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer{z-index:10;text-align:center;box-sizing:border-box;border-top:1px solid #ffffff1a;width:100%;padding:1rem;position:relative}#about{margin:10px;padding:10px}
/*# sourceMappingURL=path0.738a37ca.css.map */