*{box-sizing:border-box;margin:0;padding:0}body{background-color:#141414;height:2500px}h1{font-size:3rem}.straight-line-short{height:90px;width:2px;background-color:#fff;z-index:699;box-shadow:0 0 20px 4px #291386}.straight-line-long{height:700px;width:2px;background-color:#fff;z-index:699;box-shadow:0 0 20px 4px #291386}.projects-straight-line-long{position:absolute;top:280px;left:340px;height:720px;width:2px;background-color:#fff;z-index:699;box-shadow:0 0 20px 4px #291386}.contact-section-horizonal-line{position:absolute;top:98px;left:545px;width:500px;height:2px;background:#fff;box-shadow:0 0 20px 4px #291386;z-index:0}.header{background:#010c14;color:#fff;width:100%;height:60px;display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:2rem;padding-inline:1rem;font-family:Nunito Sans,sans-serif;position:fixed;z-index:1200}.header ul{list-style:none;display:flex;justify-content:right;align-items:center;flex-direction:row;gap:1.2rem}.header img{margin-left:2rem;cursor:pointer}.header button{position:relative;padding-inline:.8rem;border-radius:1rem;border-style:none;color:#fff;height:40px;background-color:#0e182b;cursor:pointer;transition:.2s linear;font-size:1.4rem;z-index:900}.header button:hover{background-color:#fefefe;color:#010c14;box-shadow:0 0 5px #fefefe,0 0 25px #fefefe}.burgir{width:25px;height:25px;margin-right:15px}.nav-bar{display:flex;justify-content:center;align-items:center;color:#fff;top:60px;background-color:#060b21;width:100%;position:fixed;height:200px;z-index:2000}.nav-bar ul{list-style:none;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.nav-bar button{background-color:#1f283a;color:#fff;border-style:none;border-radius:1rem;width:80%;height:30px;font-size:1rem;cursor:pointer;transition:.2s linear}.nav-bar button:hover{background-color:#fefefe;color:#010c14;box-shadow:0 0 5px #fefefe,0 0 25px #fefefe}.nav-bar li{display:flex;justify-content:center;align-items:center;width:100%}.welcome-section{color:#fff;display:flex;align-items:center;font-family:Raleway,sans-serif;height:700px;padding-inline:1rem;position:relative;flex-direction:column;justify-content:center;background:#1b1b1b;background:radial-gradient(circle,#100b25,#010c14)}.welcome-section h2{font-size:1.9rem;background:-webkit-linear-gradient(#ffffff,#5b75ce);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:Nunito Sans,sans-serif}.welcome-section-heading{animation:drop-in 1.2s}.welcome-section-container{color:#fff;display:flex;justify-content:center;align-items:center;font-family:Raleway,sans-serif;font-size:3rem;height:550px;max-width:1350px;margin-inline:auto;flex-direction:row;gap:0rem}.welcome-section-lines-container{display:flex;flex-direction:row;align-items:center;height:150px;width:1300px;margin-left:auto;margin-right:auto;position:relative}.welcome-section-curved-line{border-radius:100% 0 0;color:#fff;bottom:0;border-color:#fff;border-style:solid;border-bottom:0;border-right:0;border-width:2px;height:100px;width:100px;margin-left:4.4%;margin-top:49px}.welcome-section-curved-line-left-up{border-radius:0 0 100%;color:#fff;border-color:#fff;border-style:solid;border-top:0;border-left:0;border-width:2px;height:50px;width:100px;margin-bottom:96px;margin-right:5px;position:relative}.welcome-section-horizonal-line{width:555px;height:2px;background:#fff;z-index:999;margin-bottom:49px}.about-me{position:relative;color:#fff;height:800px;background:url(/assets/layered-waves1-CwY0e8kp.svg);background-position:center;padding-inline:1rem}.about-me img{width:300px}.about-me-container{position:relative;color:#fff;height:800px;max-width:1300px;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0rem;margin-inline:auto}.about-me-container img{width:300px}.about-me-info-container{width:91%;display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:60px;flex-direction:row}.about-me-info-container h2{background:linear-gradient(93deg,#8cfaff,#8189ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.about-me-text{position:relative;max-width:500px;font-family:Nunito Sans,sans-serif;font-size:2rem;bottom:4.6rem}.about-me-text img{width:90px}.about-me-text p{font-size:2rem;min-height:430px}.about-me-stack{width:500px;font-family:Nunito Sans,sans-serif;bottom:4.6rem;position:relative;font-size:2rem;z-index:500;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.about-me-stack img{width:90px}.tech-stack{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:1rem}.lines-container{position:relative;width:8.6%;height:100%;display:flex;flex-direction:column;align-items:center;gap:20px}.point{width:15px;height:15px;border-radius:100%;background:#d9d9d9;box-shadow:0 0 37.8px #d9d9d9,0 0 21.6px #d9d9d9,0 0 12.6px #d9d9d9,0 0 6.3px #d9d9d9,0 0 1.8px #d9d9d9,0 0 .9px #d9d9d9}.point2{width:15px;height:15px;border-radius:100%;top:0;right:0;position:absolute;background:#fff;box-shadow:0 0 37.8px #d9d9d9,0 0 21.6px #d9d9d9,0 0 12.6px #d9d9d9,0 0 6.3px #d9d9d9,0 0 1.8px #d9d9d9}.curve-container{position:relative;width:106px}.projects-section{position:relative;color:#fff;background-position:center;background-repeat:no-repeat;background-size:cover;background:radial-gradient(50% 50% at 50% 50%,#070f25,#03030400 99.99%,#0000),url(/assets/layered-waves3-89CdBQtf.svg);width:100%;height:800px;padding-inline:1rem}.projects-container{position:relative;display:flex;justify-content:center;align-items:center;gap:0rem;max-width:1300px;height:800px;margin-inline:auto}.projects-display-container{width:91%;display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:100px;flex-direction:row}.projects-display-container h2{background:linear-gradient(93deg,#8cfaff,#8189ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.project-container{position:relative;background-color:#130d2c;max-width:500px;height:555px;padding:1.1rem;border-radius:1.5rem;font-family:Nunito Sans,sans-serif;font-size:1.5rem;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;background:#1a1d28;background:linear-gradient(31deg,#070d29,#0e104d);bottom:2.4rem}.project-container img{width:90%}.project-container button{width:160px;height:50px;padding:.75rem;border-radius:1rem;color:#fff;background-color:#0e182b;cursor:pointer;transition:.2s linear;border-style:none;font-size:1.4rem;z-index:900}.project-container button:hover{background-color:#fefefe;color:#010c14;box-shadow:0 0 5px #fefefe,0 0 25px #fefefe}.system-container{position:relative;width:500px;font-family:Nunito Sans,sans-serif;font-size:2rem;bottom:2.4rem}@keyframes drop-in{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translate(0)}}.galaxy-container{position:relative;width:800px;height:503px;display:flex;justify-content:center;align-items:center;background:url("data:image/svg+xml,%3csvg%20id='visual'%20viewBox='0%200%20800%20500'%20width='800'%20height='500'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%3e%3cg%20fill='%23c6c8ff'%3e%3ccircle%20r='12'%20cx='476'%20cy='108'%3e%3c/circle%3e%3ccircle%20r='1'%20cx='341'%20cy='235'%3e%3c/circle%3e%3ccircle%20r='4'%20cx='185'%20cy='389'%3e%3c/circle%3e%3ccircle%20r='1'%20cx='585'%20cy='66'%3e%3c/circle%3e%3ccircle%20r='6'%20cx='88'%20cy='446'%3e%3c/circle%3e%3ccircle%20r='7'%20cx='486'%20cy='489'%3e%3c/circle%3e%3ccircle%20r='8'%20cx='570'%20cy='439'%3e%3c/circle%3e%3ccircle%20r='2'%20cx='120'%20cy='240'%3e%3c/circle%3e%3ccircle%20r='10'%20cx='15'%20cy='375'%3e%3c/circle%3e%3ccircle%20r='10'%20cx='674'%20cy='96'%3e%3c/circle%3e%3ccircle%20r='3'%20cx='184'%20cy='188'%3e%3c/circle%3e%3ccircle%20r='4'%20cx='543'%20cy='340'%3e%3c/circle%3e%3ccircle%20r='4'%20cx='132'%20cy='45'%3e%3c/circle%3e%3ccircle%20r='1'%20cx='349'%20cy='199'%3e%3c/circle%3e%3ccircle%20r='5'%20cx='88'%20cy='195'%3e%3c/circle%3e%3ccircle%20r='8'%20cx='239'%20cy='402'%3e%3c/circle%3e%3ccircle%20r='8'%20cx='441'%20cy='433'%3e%3c/circle%3e%3ccircle%20r='2'%20cx='780'%20cy='27'%3e%3c/circle%3e%3ccircle%20r='6'%20cx='265'%20cy='165'%3e%3c/circle%3e%3ccircle%20r='3'%20cx='436'%20cy='30'%3e%3c/circle%3e%3ccircle%20r='4'%20cx='571'%20cy='225'%3e%3c/circle%3e%3ccircle%20r='8'%20cx='723'%20cy='166'%3e%3c/circle%3e%3ccircle%20r='6'%20cx='300'%20cy='72'%3e%3c/circle%3e%3ccircle%20r='7'%20cx='270'%20cy='217'%3e%3c/circle%3e%3ccircle%20r='9'%20cx='478'%20cy='133'%3e%3c/circle%3e%3ccircle%20r='6'%20cx='58'%20cy='246'%3e%3c/circle%3e%3ccircle%20r='2'%20cx='722'%20cy='451'%3e%3c/circle%3e%3ccircle%20r='0'%20cx='691'%20cy='58'%3e%3c/circle%3e%3ccircle%20r='6'%20cx='544'%20cy='59'%3e%3c/circle%3e%3ccircle%20r='0'%20cx='390'%20cy='214'%3e%3c/circle%3e%3ccircle%20r='10'%20cx='546'%20cy='127'%3e%3c/circle%3e%3ccircle%20r='6'%20cx='406'%20cy='83'%3e%3c/circle%3e%3c/g%3e%3c/svg%3e")}.orbit{position:absolute;width:100px;height:50px;rotate:-17deg;border:1px solid #ffd65c;border-radius:50%;box-shadow:0 0 50px 15px #fadd86;background-color:#fff;z-index:2}.orbit-2{position:absolute;width:200px;height:100px;rotate:-17deg;border:1px solid #ad31ff;border-radius:50%;box-shadow:0 0 50px 15px #ad31ff;animation:pulse 2s infinite;z-index:2}.orbit-3{position:absolute;width:270px;height:150px;rotate:-17deg;border:1px solid #4e31cc;border-radius:50%;box-shadow:0 0 50px 15px #3c1ec2;animation:pulse 2.5s infinite;z-index:2}.orbit-4{position:absolute;width:330px;height:190px;rotate:-17deg;border:1px solid #331ba1;border-radius:50%;box-shadow:0 0 100px 35px #291386;animation:pulse 3s infinite;z-index:2}.solar-system{width:500px;height:500px;position:relative}.ellipse{position:absolute;top:50%;left:50%;width:55px;height:55px;transform:translate(-50%,-50%);background-color:#ff0;border-radius:50%;transform-origin:center center;box-shadow:0 0 25px 5px #ff0;background:#fdd91d;background:linear-gradient(225deg,#fdd91d,#fc4545)}.solar-orbit1{position:absolute;top:50%;left:50%;width:240px;height:240px;transform:translate(-50%,-50%);transform-origin:center center;border:1px solid #7060ff;border-radius:50%;box-shadow:0 0 70px 1px #42167a;z-index:20;animation:rotate 15s linear infinite}.solar-orbit2{position:absolute;top:50%;left:50%;width:320px;height:320px;transform:translate(-50%,-50%);transform-origin:center center;border:1px solid #7060ff;border-radius:50%;box-shadow:0 0 70px 1px #42167a;z-index:15;animation:rotate 20s linear infinite}.solar-orbit3{position:absolute;top:50%;left:50%;width:400px;height:400px;transform:translate(-50%,-50%);transform-origin:center center;border:1px solid #7060ff;border-radius:50%;box-shadow:0 0 70px 1px #42167a;z-index:5;animation:rotate 25s linear infinite}.solar-orbit4{position:absolute;top:50%;left:50%;width:480px;height:480px;transform:translate(-50%,-50%);transform-origin:center center;border:1px solid #7060ff;border-radius:50%;box-shadow:0 0 70px 1px #42167a;z-index:3;animation:rotate 30s linear infinite}.orbiting-ellipse{position:absolute;top:50%;width:35px;height:35px;background-color:#fff;border-radius:50%;transform:translate(-50%,-50%);transform-origin:center center;z-index:3;transition:.5s ease-in-out;background:#141b37;background:linear-gradient(31deg,#3a4fa1,#9092be)}.orbiting-ellipse:hover{transform:translate(-50%,-50%);scale:1.1;cursor:pointer;background-color:#ff0;box-shadow:0 0 25px 5px #00a2ff;transition:.5s ease-in-out}.selected-planet{position:absolute;top:50%;width:35px;height:35px;background-color:#fff;border-radius:50%;transform-origin:center center;z-index:3;transform:translate(-50%,-50%);scale:1.1;background-color:#ff0;cursor:pointer;box-shadow:0 0 25px 5px #00a2ff;transition:.5s ease-in-out}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.star{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:1rem;background-color:#d7ffd5;animation:twinkle 1s infinite}@keyframes twinkle{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.7}to{transform:scale(1);opacity:1}}.contact-section{position:relative;height:700px;width:100%;padding-inline:1rem;color:#fff;background:url(/assets/layered-waves4-grfUOg1A.svg);background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:1rem}.contact-section h3{position:absolute;width:400px;bottom:205px;font-family:Nunito Sans,sans-serif;font-size:1.5rem;display:flex;justify-content:center;align-items:center;gap:1rem}.contact-section a{width:50px;height:50px}.contact-section img{width:50px;box-shadow:0 0 5px 2px #4124be;border-radius:100%;cursor:pointer;transition:.2s linear}.contact-section img:hover{box-shadow:0 0 10px 2px #a494ec;transition:.2s linear}.links-container{display:flex;justify-content:center;align-items:center;gap:1rem}.contact-form{font-family:Nunito Sans,sans-serif;font-size:1.7rem;position:absolute;width:1260px;height:300px;background:#11172f;background:linear-gradient(21deg,#080a14,#090b42);box-shadow:0 0 30px 5px #2f2377;border-radius:1.7rem;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:2rem;gap:1.5rem;z-index:1000;text-align:center}.contact-form h2{font-size:4rem;color:#fff;margin:0;letter-spacing:-1px}.contact-form p{font-size:1.4rem;color:#ffffffb3;max-width:650px;line-height:1.6;margin:0 0 1rem}.contact-form button{padding:.8rem 2.5rem;border-radius:1rem;color:#fff;background-color:#0e182b;cursor:pointer;transition:.2s linear;border:none;font-size:1.5rem;z-index:900}.contact-form button:hover{background-color:#fefefe;color:#010c14;box-shadow:0 0 5px #fefefe,0 0 25px #fefefe;transform:translateY(-3px)}.input-container{display:flex;justify-content:center;align-items:center;gap:1rem;width:90%}.contact-input{background-color:#162352;color:#fff;border-radius:10px;width:50%;height:40px;border-color:#162352;padding:1rem;box-sizing:border-box;font-size:1rem}.contact-input-msg{background-color:#162352;color:#fff;border-radius:10px;width:90%;text-align:start;height:200px;border-color:#162352;padding:1rem;box-sizing:border-box;resize:none;overflow-y:scroll;overflow:auto;font-size:1rem}.footer{color:#fff;font-family:Nunito Sans,sans-serif;display:flex;justify-content:center;align-items:center;height:50px;background-color:#0a0814}@media only screen and (max-width:1400px){.galaxy-container{width:600px}}@media only screen and (max-width:1335px){.welcome-section-lines-container{width:100%;max-width:1300px}}@media only screen and (max-width:1300px){.contact-form{width:95%}}@media only screen and (max-width:1250px){.about-me-info-container{gap:0}}@media only screen and (max-width:1070px){.contact-form{width:90%;top:-10px}.projects-display-container{gap:0}.solar-orbit1{width:160px;height:160px}.solar-orbit2{width:260px;height:260px}.solar-orbit3{width:360px;height:360px}.solar-orbit4{width:420px;height:420px}.welcome-section-lines-container{width:100%}.about-me-text p{font-size:1.7rem}}@media only screen and (max-width:950px){.about-me-text p{font-size:1.6rem}}@media only screen and (max-width:880px){.galaxy-container{height:230px}.welcome-section-container,.projects-display-container{flex-direction:column}.project-container{bottom:0;min-width:100%;height:200px}.project-container img{display:none}.solar-orbit1{width:110px;height:110px}.solar-orbit2{width:150px;height:150px}.solar-orbit3{width:200px;height:200px}.solar-orbit4{width:250px;height:250px}.orbiting-ellipse{width:26px;height:26px}.ellipse{width:45px;height:45px}.system-container{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:flex-start;gap:0;bottom:0}.solar-system{width:100%;height:380px}.galaxy-container{width:100%}.about-me-info-container{flex-direction:column;align-items:start}.about-me-text{top:26px;max-width:100%;height:350px;bottom:0}.about-me-text p{font-size:1.5rem;height:300px}.about-me-stack{top:30px;width:100%}.about-me-stack img{width:60px}}@media only screen and (max-width:712px){.welcome-section-curved-line{margin-left:4.2%}}@media only screen and (max-width:660px){.header img{margin-left:15px}}@media only screen and (max-width:600px){.input-container{flex-direction:column}.contact-input{width:100%}}@media only screen and (max-width:550px){.about-me-text p{font-size:1.3rem}}@media only screen and (max-width:450px){.welcome-section h1{font-size:2.3rem}}@media only screen and (max-width:430px){.contact-section h3{flex-direction:column;bottom:230px}.header{gap:10px}.header button{font-size:1rem}.about-me-text{top:15px}.about-me-text p{font-size:1.1rem}.about-me-stack img{width:50px}}