@import"https://fonts.googleapis.com/css2?family=Jersey+25+Charted&display=swap";@import"https://fonts.googleapis.com/css2?family=Jersey+25+Charted&family=Poetsen+One&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Jersey+20&family=Jersey+25+Charted&family=Poetsen+One&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Azeret+Mono:ital,wght@0,100..900;1,100..900&family=Jersey+20&family=Jersey+25+Charted&family=Poetsen+One&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Kode+Mono:wght@400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Kode+Mono:wght@400..700&family=Press+Start+2P&display=swap";@import"https://fonts.googleapis.com/css2?family=Honk&family=Jersey+10&display=swap";@import"https://fonts.googleapis.com/css2?family=Jersey+10&display=swap";body{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box}body{width:100vw;display:flex;flex-direction:column;min-height:100vh}#root{display:flex;flex-direction:column;width:100%;min-height:100vh}header{background-color:#321f64;width:100%;display:flex;align-items:center;justify-content:space-between;margin:0 auto;z-index:10;height:50px}header svg{font-size:30px;transition:font-size,.25s;margin-left:20px}header svg:hover{font-size:32px}.mainDiv{transition:margin-left 1s,width 1s;width:100%;height:100%;background-color:coral}.mainDiv.active{background-color:#1d1a15;width:calc(100% - 160px);margin-left:160px}@media (max-width: 768px){header{height:45px}header svg{font-size:26px;margin-left:15px}header svg:hover{font-size:28px}.mainDiv.active{width:calc(100% - 130px);margin-left:130px}}@media (max-width: 480px){header{height:40px}header svg{font-size:22px;margin-left:10px}header svg:hover{font-size:24px}.mainDiv.active{width:calc(100% - 100px);margin-left:100px}}div.content{display:flex;align-items:center;justify-content:center;width:100%;height:300px;background-color:#3a4e48}html{scroll-behavior:smooth}.navBar{width:100px;background-color:#264094;height:100%;padding:50px 30px 0;left:-200px;position:fixed;z-index:1;transition:1s}.navBar.active{left:0;background-color:#5252aa;height:100vh}ul{padding:0}ul li{list-style-type:none}ul li a{color:#fff;font-size:18px;display:block;border-radius:6px;padding:10px 15px;margin:10px}ul li a:hover{background-color:#89b4b4}.iconsContainer{display:flex;flex-direction:column;padding-top:200px;align-content:center;justify-content:center;width:100%}@media (max-width: 768px){.navBar{width:80px;padding:0 15px;left:-150px}.navBar.active{left:0}ul li a{font-size:14px;padding:8px 10px;margin:8px 0}.iconsContainer{padding-top:100px}}@media (max-width: 480px){.navBar{width:60px;padding:0 10px;left:-120px}ul li a{font-size:12px;padding:6px 8px;margin:5px 0}.iconsContainer{padding-top:80px}}.icon{display:flex;align-items:center;justify-content:center;margin:15px}.about-section{width:100%;height:2500px;display:flex;flex-direction:row;background-color:#000}.first-stage{width:100%;height:100%;background-color:#ffebcd;display:flex;flex-direction:column}.text-container{width:100%;font-size:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(-45deg,#461cb9,#4f408f,#23a6d5,#0c103a);background-size:400% 400%;animation:gradient 10s ease infinite;height:800px}.hello{font-size:56px;color:azure;animation:appearing-text 3s ease-in-out;padding-right:30%;font-family:Titillium Web,sans-serif}@keyframes appearing-text{0%{color:#6390;transform:translateY(-50px)}to{color:azure;transform:translateY(0)}}.name{justify-content:right;display:flex;width:100%;padding-top:20px;margin-right:50%;font-size:90px;font-family:"Jersey 25 Charted",sans-serif;animation:appearing-text-2 3s ease-in-out}@keyframes appearing-text-2{0%{color:#6390;transform:translate(50px)}to{color:azure;transform:translate(0)}}.introduction{width:100%;height:800px;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:#060225}.image-holder{width:40%;display:flex;align-items:center;justify-content:center;height:100%;position:relative}.image-holder img{border-radius:0% 70%;width:60%;height:60%;object-fit:cover;border:solid rgb(66,65,65) 0px;transition:border 10s ease,border-radius 20s ease;position:relative}.image-holder.scrolled img{border:solid rgb(109,96,177) 30px;border-radius:50%}@media (max-width: 768px){.image-holder{width:80%}}.description{width:60%;align-items:center;justify-content:center;height:800px;display:flex;flex-direction:column}.welcome{font-family:"Jersey 20",sans-serif;font-weight:400;font-style:normal;font-size:100px;animation:floating 3s ease-in-out infinite alternate;display:flex;justify-content:center}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(0)}}.description-welcome{font-family:Azeret Mono,monospace;font-optical-sizing:auto;font-style:normal;font-size:24px;padding-right:40px;text-align:center}.objective{width:100%;height:900px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#092635}.description-objective{font-family:Azeret Mono,monospace;font-optical-sizing:auto;font-style:normal;font-size:26px;text-align:center;padding-left:50px;padding-right:50px;height:40%;color:#b7d9e9}.objective-demo{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:row}@media (max-width: 1024px){.text-container{height:600px}.hello{font-size:42px;padding-right:20%}.name{font-size:70px;margin-right:40%}.introduction{height:auto;flex-direction:column;padding:40px 20px}.image-holder{width:60%;height:400px;margin-bottom:30px}.description{width:90%;height:auto}.welcome{font-size:70px}.description-welcome{font-size:20px;padding-right:20px}.objective{height:auto;padding:40px 20px}.description-objective{font-size:22px;padding-left:30px;padding-right:30px}}@media (max-width: 768px){.about-section{height:auto}.text-container{height:500px}.hello{font-size:32px;padding-right:10%}.name{font-size:50px;margin-right:20%}.name[style*="font-size: 8rem"]{font-size:4rem!important}.introduction{flex-direction:column;height:auto;padding:30px 15px}.image-holder{width:80%;height:350px}.image-holder img{width:80%;height:80%}.description{width:100%}.welcome{font-size:50px}.description-welcome{font-size:18px;padding-right:15px}.objective{height:auto;padding:30px 15px}.objective .welcome{font-size:60px!important}.description-objective{font-size:18px;padding-left:20px;padding-right:20px}.objective-demo{gap:20px}}@media (max-width: 480px){.text-container{height:400px}.hello{font-size:24px;padding-right:5%}.name{font-size:35px;margin-right:10%}.name[style*="font-size: 8rem"]{font-size:3rem!important}.introduction{padding:20px 10px}.image-holder{width:90%;height:300px}.image-holder img{width:90%;height:90%}.welcome{font-size:35px}.description-welcome{font-size:16px;padding-right:10px}.objective{padding:20px 10px}.objective .welcome{font-size:40px!important}.description-objective{font-size:16px;padding-left:15px;padding-right:15px}}.img-container{border-radius:30%;display:flex;flex-direction:column;align-items:center;font-size:24px;padding:40px;position:relative;overflow:hidden;transition:transform .5s ease,background-color .1s ease}.img-container:hover{transform:scale(1.5);background-color:#194886}.img-container img{max-width:100%;height:auto}@media (max-width: 768px){.img-container{padding:30px;font-size:18px}.img-container:hover{transform:scale(1.3)}}@media (max-width: 480px){.img-container{padding:20px;font-size:16px}.img-container:hover{transform:scale(1.2)}}.sports-section{width:100%;height:1200px;display:flex;flex-direction:row;background-color:#000}.skills-section{width:100%;height:4000px;display:flex;flex-direction:column;background:linear-gradient(-45deg,#45315e,#4f2a83,#4f2a17,#6a4a1f);background-size:400% 400%;animation:gradient 4s ease infinite;align-items:center;position:relative}.skill-welcome{justify-content:center;display:flex;width:100%;font-size:112px;font-family:"Jersey 25 Charted",sans-serif;color:#9d9863;padding-top:50px;padding-bottom:50px}@media (max-width: 1024px){.skills-section{height:auto;padding-bottom:50px}.skill-welcome{font-size:80px;padding-top:40px;padding-bottom:40px}}@media (max-width: 768px){.skills-section{height:auto;padding-bottom:40px}.skill-welcome{font-size:60px;text-align:center;padding:30px 15px}}@media (max-width: 480px){.skills-section{height:auto;padding-bottom:30px}.skill-welcome{font-size:40px;padding-top:20px;padding-bottom:20px}}.tech-stack{display:flex;justify-content:center;align-items:center;border:solid rgb(164,26,26) 15px;width:100%;margin-top:30px;margin-bottom:80px;border-radius:20px}.tech-stack-name{display:flex;align-items:center;justify-content:center;font-size:54px;font-family:Kode Mono,monospace}@media (max-width: 1024px){.tech-stack{width:90%!important;border-width:10px;flex-wrap:wrap;padding:20px}.tech-stack-name{font-size:42px}}@media (max-width: 768px){.tech-stack{width:95%!important;border-width:8px;margin-top:20px;margin-bottom:50px;padding:15px}.tech-stack-name{font-size:32px;text-align:center}}@media (max-width: 480px){.tech-stack{width:98%!important;border-width:5px;margin-top:15px;margin-bottom:40px;padding:10px;border-radius:15px}.tech-stack-name{font-size:24px}}.tech-image{width:100px;height:100px;transition:all .3s ease}.tech-holder{display:flex;flex-direction:column;color:#fff;justify-content:center;align-items:center;margin:20px 40px 40px;transition:width 1s ease;transition:all .3s ease}.in-tech-name{font-size:20px;font-family:"Press Start 2P",system-ui;transition:all .3s ease}.tech-holder:hover .tech-image{width:150px;height:150px}.tech-holder:hover .in-tech-name{font-size:30px;color:#fc0}@media (max-width: 1024px){.tech-image{width:80px;height:80px}.tech-holder{margin:15px 25px}.in-tech-name{font-size:16px}.tech-holder:hover .tech-image{width:110px;height:110px}.tech-holder:hover .in-tech-name{font-size:22px}}@media (max-width: 768px){.tech-image{width:60px;height:60px}.tech-holder{margin:10px 15px}.in-tech-name{font-size:14px}.tech-holder:hover .tech-image{width:80px;height:80px}.tech-holder:hover .in-tech-name{font-size:18px}}@media (max-width: 480px){.tech-image{width:50px;height:50px}.tech-holder{margin:8px 10px}.in-tech-name{font-size:12px}.tech-holder:hover .tech-image{width:65px;height:65px}.tech-holder:hover .in-tech-name{font-size:15px}}.projects-section{width:100%;height:5000px;display:flex;flex-direction:column;background:linear-gradient(-45deg,#294b5b,#1c3f6d,#4f2a17,#0f1437);background-size:400% 400%;animation:gradient 4s ease infinite;align-items:center;position:relative}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.section-title{font-family:Honk,system-ui;font-size:120px;margin:50px}.projects-description{padding-left:150px;padding-right:150px;text-align:center;font-family:"Jersey 10",sans-serif;font-size:48px;color:#ffffffa9}@media (max-width: 1024px){.projects-section{height:auto;padding-bottom:50px}.section-title{font-size:90px;margin:40px}.projects-description{padding-left:80px;padding-right:80px;font-size:38px}}@media (max-width: 768px){.projects-section{height:auto;padding-bottom:40px}.section-title{font-size:60px;margin:30px 20px;text-align:center}.projects-description{padding-left:40px;padding-right:40px;font-size:28px}}@media (max-width: 480px){.projects-section{height:auto;padding-bottom:30px}.section-title{font-size:40px;margin:20px 10px}.projects-description{padding-left:20px;padding-right:20px;font-size:20px}}.single-project{margin-top:100px;width:90%;height:100vh;display:flex;flex-direction:column;border:solid rgba(14,91,21,.348) 10px;border-radius:30px;padding:30px;background-color:#00bfff2b}.project-title{font-family:"Jersey 10",sans-serif;font-size:120px;text-align:center;padding:30px}.blur-container{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.image-project{flex:1;height:90%;border-radius:20px;width:100%}.project-description{width:60%;flex:1;font-size:22px;text-align:center;margin:30px}@media (max-width: 1024px){.single-project{width:95%;height:auto;min-height:80vh;padding:25px;margin-top:70px}.project-title{font-size:90px;padding:25px}.blur-container{flex-direction:column}.image-project{height:400px;margin-bottom:20px}.project-description{width:90%;font-size:20px;margin:20px}}@media (max-width: 768px){.single-project{width:95%;height:auto;min-height:auto;padding:20px;margin-top:50px;border-width:7px}.project-title{font-size:60px;padding:20px}.blur-container{flex-direction:column;gap:15px}.image-project{height:300px;width:100%}.project-description{width:100%;font-size:18px;margin:15px 0}}@media (max-width: 480px){.single-project{width:98%;padding:15px;margin-top:40px;border-width:5px;border-radius:20px}.project-title{font-size:40px;padding:15px}.image-project{height:200px;border-radius:15px}.project-description{font-size:16px;margin:10px 0}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#4343ab;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;align-items:center;justify-content:center}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}