body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#112240}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nav{border-radius:30px;margin-top:5px}.nav-right{align-items:center;display:flex;justify-content:flex-end;margin-left:-25px}ol{display:flex;gap:20px;justify-content:space-between;list-style:none;margin:0 40px 0 0;padding:20px}ol li{counter-increment:item 1;font-size:1.5rem;margin:0 5px;position:relative}ol li a{font-family:Fira Code,Fira Mono,Roboto Mono,monospace;font-size:14px;width:50px}li:visited,ol li a,ol li:link{color:#a8b2d1;text-decoration:none}li:visited,ol li:link{display:inline-block;font-size:1.5rem;text-transform:uppercase;transition:color .3s linear}ol li:before{color:#64ffda;content:"0" counter(item) ".";font-size:16px;font-weight:600;margin-right:5px;text-align:right}ol li :hover{color:#64ffda;transition-duration:.4s;transition-property:color;transition-timing-function:ease-in-out}.resume-link{background:#2e947c;border:1px solid #64ffda;color:#fff;font-size:16px;font-weight:600;margin-right:20px;padding:10px 25px 15px;text-decoration:none}.resume-link:hover{background:#0000;border-radius:2px solid #64ffda;border-radius:10px;color:#64ffda;transition-duration:.5s;transition-property:all}.mobile-navbar-btn{display:none;.close-outline{display:none}}.mobile-navbar-btn[name=close-outline]{display:none}@media (max-width:769px){.mobile-navbar-btn .menu-outline{margin-left:-70px}.mobile-navbar-btn{display:inline-block;margin-left:0;z-index:999}.mobile-navbar-btn .mobile-navbar-icon{color:#a8b2d1;font-size:30px}.nav-right{align-content:center;background-color:#112240;display:flex;flex-direction:column;height:100vh;justify-content:center;left:175px;opacity:0;overflow-x:hidden;position:absolute;text-align:center;top:-20px;transform:translateX(80%);transition:all .4 ease-in-out;visibility:hidden;width:100vw}.nav-right li{margin-left:-110px;margin-top:15px}.nav-right li:before{color:#64ffda;content:"0" counter(item) ".";font-size:16px;font-weight:600;left:30%;margin-right:5px;position:absolute;text-align:right;top:-10px}.nav-right li:before:nth-child(n+2){margin-right:10px;right:15%}.nav-right .resume-link{margin-bottom:-40px;margin-left:-100px;margin-top:50px}.menu-outline{margin-left:-120px}.active .mobile-navbar-icon{color:#a8b2d1;display:none;font-size:30px;position:absolute;right:10%;top:3%;transition:all .4s ease-in-out;z-index:9999}.active .close-outline{display:inline-block;margin-top:10px;transition:all .4s ease-in-out}.active .nav-right{opacity:1;transform:translateX(0);transition:all .4s ease-in-out;visibility:visible;z-index:999}}.social-icon{bottom:-40px;display:block;left:60px;position:fixed;right:auto;width:40px;z-index:10}.social{align-items:center;box-sizing:inherit;display:flex;flex-direction:column;gap:20px;justify-content:space-between;list-style:none}.social li{display:list-item}.social li:hover{color:#64ffda;transform:translateY(-3px);transition-duration:.4s;transition-property:tramsform,color;transition-timing-function:ease-in-out}.social:after{background-color:#8892b0;content:"";display:block;height:90px;margin:20px auto;width:1px}@media (max-width:1024px){.social-icon{margin-left:-40px}}@media (max-width:769px){.social-icon{display:none}}@media (max-width:500px){.social-icon{display:none}}.hero{align-items:flex-start;display:flex;flex-direction:column;height:90vh;justify-content:center;margin-left:400px;text-align:center;-webkit-user-select:none;user-select:none;width:60%}h5{color:#64ffda;font-family:Fira Code,Fira Mono,Roboto Mono,monospace;font-size:clamp(12px,5vw,14px);font-weight:400;transition-delay:.1s}h1{color:#ccd6f6;font-size:clamp(40px,8vw,70px);font-weight:700;margin-top:-31px;transition-delay:.2s}h2{color:#a8b2d1;font-size:clamp(25px,7vw,60px);font-weight:500;margin-top:-45px;text-align:start}h2 span{color:#64ffda}p{color:#8892b0;font-size:16px;margin-top:-29px;text-align:justify;width:60.5%}p span{color:#64ffda}@media(max-width:1440px){.hero{margin-left:200px}p{width:70%}h2{width:1000px}}@media (max-width:1024px){.hero{margin-left:120px;margin-top:-90px;width:70%}h1{font-size:60px;margin-top:-10px}h2{font-size:40px;margin-top:-30px;width:700px}p{margin-top:10px;width:90%}}@media (max-width:768px){.hero{margin-left:80px;margin-top:-90px;width:80%}h1{font-size:50px;margin-top:-10px}h2{font-size:25px;margin-top:-30px;width:100%}p{margin-top:10px;width:90%}}@media (max-width:500px){.hero{margin-left:30px;margin-top:-80px;width:90%}h1{font-size:35px}h1,h2{margin-top:-10px}h2{font-size:22px;height:50px}h2,p{width:90%}p{margin-top:35px}}@media (max-width:375px){.hero{margin-left:30px;margin-top:-80px;width:90%}h1{font-size:35px}h1,h2{margin-top:-10px}h2{font-size:22px;height:50px}h2,p{width:90%}p{margin-top:35px}}@media (max-width:320px){.hero{margin-left:30px;margin-top:-50px;width:80%}h1{font-size:30px;margin-top:-10px}h2{font-size:20px;margin-top:0}p{margin-top:10px;width:100%}}.about-section{align-content:center;align-items:center;margin-left:100px;margin-top:100px;width:70%}.about{align-items:flex-start;display:flex;gap:50px;justify-content:space-between;line-height:25px;margin-top:80px;padding:0 0 0 300px;width:50%}.about-heading{font-size:26px;margin-left:290px}.about-heading,.about-heading:before{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace}.about-heading:before{color:#64ffda;content:"0" counter(section) ".";counter-increment:section 1;font-size:clamp(16px,3vw,20px);font-weight:400;margin-right:10px;position:relative}.about-heading:after{background-color:#495670;content:"";display:block;height:1px;margin-left:190px;margin-top:-14px;position:relative;width:300px}.aboutme p{height:300px;width:600px}.image{display:inline-block;margin-left:20px;position:relative}.about-img{animation-duration:3s;animation-iteration-count:infinite;animation-name:floating;animation-timing-function:ease-in-out}@keyframes floating{0%{transform:translateY(-10px)}50%{transform:translateY(10px)}to{transform:translateY(-10px)}}.about-img img{background:#64ffda;filter:brightness(.7);height:auto;mix-blend-mode:multiply}.about-img img,.background{border-radius:10px;display:block;position:absolute;transition:transform .3s ease;width:300px}.background{background-color:#64ffda;height:293px;z-index:-1}.image:hover .about-img img{filter:brightness(1);mix-blend-mode:normal;transform:translateX(-2px) translateY(-2px);transition-duration:.4s;transition-property:transform,mix-blend-mode,filter;transition-timing-function:ease-in}.image:hover .about-img .background{transform:translateX(-2px) translateY(-2px);transition-duration:.4s;transition-property:transform;transition-timing-function:ease-in-out}.border{border:2px solid #64ffda;border-radius:10px;height:293px;margin-left:10px;margin-top:10px;position:absolute;transition:transform .3s ease;width:298px;z-index:-1}.image:hover .about-img .border{transform:translateX(2px) translateY(2px)}@media(max-width:1440px){.about-section{margin-left:-100px}}@media(max-width:1024px){.about-section{margin-left:-180px;margin-top:100px;width:90%}.about{display:flex;gap:40px;margin-top:50px;padding:0 0 0 300px;width:90%}.aboutme p{font-size:14px;height:auto;width:400px}.image .about-img{display:inline-block;margin-left:-370px;position:relative}.about-img img{height:auto;width:280px}.background,.border{height:300px;width:280px}}@media (max-width:768px){.about-section{margin-left:-210px;margin-top:100px;width:90%}.about{display:flex;flex-direction:column;gap:40px;margin-top:50px;padding:0 0 0 300px;width:90%}.about-heading{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:20px;margin-left:300px;width:150px}.about-heading:before{margin-right:10px}.about-heading:after{width:200px}.aboutme p{height:auto;width:auto}.image{align-content:center;display:inline-block;margin-left:520px;position:relative}.about-img img{height:auto;width:300px}.background,.border{height:320px;width:300px}}@media (max-width:500px){.about-section{margin-left:-270px;margin-top:50px;width:100%}.about{display:flex;flex-direction:column;gap:40px;margin-top:-30px;padding:0 0 0 300px;width:90%}.about-heading{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:20px;margin-left:300px;width:150px}.about-heading:after{margin-left:150px;width:150px}.aboutme p{font-size:16px;height:auto;width:auto}.image{display:inline-block;margin-left:420px;position:relative}.about-img img{height:auto;width:270px}.background,.border{height:289px;width:270px}}@media (max-width:375px){.about-section{margin-left:-270px;margin-top:50px;width:90%}.about{gap:40px;margin-top:-30px;padding:0 0 0 300px;width:90%}.about-heading{font-size:20px;margin-left:300px;width:150px}.about-heading:before{margin-right:10px}.about-heading:after{margin-left:150px;width:100px}.aboutme p{font-size:14px;height:auto;width:auto}.image{display:inline-block;margin-left:400px;position:relative}.about-img img{height:auto;width:250px}.background,.border{height:265px;width:250px}}@media (max-width:320px){.about-section{margin-left:-270px;margin-top:50px;width:95%}.about{gap:40px;margin-top:-10px;padding:0 0 0 300px;width:90%}.about-heading{font-size:20px;margin-left:300px;width:150px}.about-heading:before{margin-right:10px}.about-heading:after{margin-left:150px;width:100px}.aboutme p{font-size:14px;height:auto;width:auto}.image{display:inline-block;margin-left:370px;position:relative}.about-img img{height:auto;width:250px}.background,.border{height:265px;width:250px}}.contact{display:block;height:500px;justify-content:space-between;margin-left:400px;margin-top:500px;position:relative;width:60%}.heading{font-size:18px;margin-left:-100px;text-align:center;&:before{color:#64ffda;content:"0" counter(section) ".";counter-increment:section 4;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:16px;font-weight:400;margin-right:10px}}.contact h2{color:#ccd6f6;font-size:40px;line-height:2;margin-left:-90px;text-align:center}.contact p{margin-left:200px;text-align:center}.container{margin-left:35rem;margin-top:100px}.container a{text-align:center}.text{background-color:#0a192f;border:1px solid #64ffda;border-radius:2px;color:#64ffda;font-size:14px;line-height:1;padding:10px;text-decoration:none}.bottombox,.text{height:20px;position:absolute;width:70px}.bottombox{background-color:#64ffda;z-index:-1}.topbox{position:absolute;transition:transform .3s ease-in-out}.container:hover .topbox{transform:translateY(-3px) translateX(-2px)}@media(max-width:1440px){.contact{margin-left:330px}.contact h2{margin-left:-110px}.contact p{margin-left:10px;width:800px}.container{margin-left:340px}.bottombox{margin-left:0}}@media(max-width:1024px){.contact{margin-left:120px;width:80%}.heading{font-size:16px;margin-left:-80px}.contact h2{margin-left:30px;text-align:center}.contact p{margin-left:40px;text-align:center;width:700px}.container{margin-left:330px;margin-top:80px}.bottombox{background-color:#64ffda;height:20px;margin-left:0;position:absolute;width:70px;z-index:-1}}@media (max-width:768px){.contact{margin-left:140px;width:80%}.heading{font-size:16px;margin-left:-100px}.contact h2{margin-left:-40px;text-align:center}.contact p{margin-left:-60px;text-align:center;width:auto}.container{margin-left:200px;margin-top:100px}}@media (max-width:425px){.contact{margin-left:55px;width:80%}.heading{font-size:16px;margin-left:-10px}.contact h2{margin-left:10px;margin-top:-30px;text-align:center}.contact p{font-size:15px;margin-left:-25px;text-align:center;width:auto}.container{margin-left:130px;margin-top:100px}}@media(max-width:375px){.contact{margin-left:60px;width:80%}.heading{font-size:14px;margin-left:-15wpx}.contact h2{font-size:30px;margin-left:10px;text-align:center}.contact p{font-size:14px;margin-left:-45px;text-align:center;width:auto}.container{margin-left:90px;margin-top:60px}}@media(max-width:320px){.contact{margin-left:40px;width:100%}.heading{font-size:14px;margin-left:-50px}.contact h2{font-size:30px;margin-left:-10px;text-align:center}.contact p{font-size:14px;margin-left:-20px;text-align:center;width:auto}.container{margin-left:80px;margin-top:60px}}.projects{-webkit-box-align:center;-webkit-box-pack:center;align-items:flex-start;display:flex;flex-direction:column;height:100vh;justify-content:center;margin-left:400px;margin-top:500px;width:54%}.projects .project-heading{font-size:26px;&:before{color:#64ffda;content:"0" counter(section) ".";counter-increment:section 3;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:clamp(16px,3vw,20px);font-weight:400;margin-right:10px}&:after{background-color:#495670;content:"";display:block;height:1px;margin-left:320px;margin-top:-14px;position:relative;width:300px}}.project1{display:flex;gap:10px;margin-top:50px}.project1-image{position:relative}.project1-left img{background:#64ffda;border-radius:10px;display:block;filter:brightness(.6);height:320px;mix-blend-mode:multiply;position:absolute;transition:transform .3s ease;width:600px}.project1-left img:hover{filter:brightness(1);mix-blend-mode:normal;transition-duration:.4s;transition-property:mix-blend-mode,filter;transition-timing-function:ease-in-out}.project1-left img:hover .project1-right{transform:translateX(10px)}.project1filter{background-color:#64ffda;border-radius:10px;display:block;height:320px;position:absolute;transition:transform .3s ease;width:600px;z-index:-1}.project1-right{display:flex;flex-direction:column;gap:20px;margin-left:550px;width:auto}.project1-right h5{font-size:13px;padding:3px;text-align:end}.project1-right a{color:#ccd6f6;font-size:24px;margin-bottom:10px;margin-top:-45px;padding:3px;text-align:end;text-decoration:none}.project1-right a:hover{color:#64ffda;transition-duration:.4s;transition-property:color;transition-timing-function:ease-in-out}.project1-right p{background-color:#112240;padding:25px;width:400px;width:444px;z-index:2}.project1-right ul{align-self:flex-end;display:flex;flex-wrap:wrap;gap:20px;list-style:none;margin-top:-20px;position:relative;z-index:2}.project1-right ul li{color:#a8b2d1;font-size:13px}.project-social{align-items:center;align-self:flex-end;color:#ccd6f6;display:flex;margin-left:-10px;margin-top:10px;position:relative}.project-social a{align-items:center;color:#8892b0;display:flex;justify-content:center;margin-top:-35px;padding:5px}.project1-left:hover img{transform:translateX(-10px) scale(1.1);transition:transform .4s ease-in-out}.project1-left:hover+.project1-right{transform:translateX(70px);transition:transform .4s ease-in-out}.project2{display:flex;gap:10px;margin-top:200px}.project2-image{position:relative}.project2-right{flex:1 1;margin-left:-46px}.project2-right img{background:#64ffda;border-radius:10px;display:block;filter:brightness(.6);height:320px;mix-blend-mode:multiply;position:absolute;transition:transform .3s ease;width:600px}.project2-right img:hover{filter:brightness(1);mix-blend-mode:normal;transition-duration:.4s;transition-property:mix-blend-mode,filter;transition-timing-function:ease-in-out}.project2filter{background-color:#64ffda;border-radius:10px;display:block;height:320px;position:absolute;transition:transform .3s ease;width:600px;z-index:-1}.project2-left{display:flex;flex:1 1;flex-direction:column;gap:20px;width:auto}.project2-left h5{font-size:13px;padding:3px;text-align:start}.project2-left a{color:#ccd6f6;font-size:24px;margin-bottom:10px;margin-top:-40px;padding:3px;text-align:start;text-decoration:none}.project2-left a:hover{color:#64ffda;transition-duration:.4s;transition-property:color;transition-timing-function:ease-in-out}.project2-left p{background-color:#112240;padding:25px;width:400px;width:444px;z-index:2}.project2-left ul{align-self:flex-start;display:flex;flex-wrap:wrap;gap:20px;list-style:none;margin-left:-40px;margin-top:-20px;position:relative;z-index:2}.project2-left ul li{color:#a8b2d1;font-size:13px}.project2-social{align-self:flex-start;margin-left:-10px;margin-top:10px;position:relative}.project2-social,.project2-social a{align-items:center;color:#8892b0;display:flex}.project2-social a{justify-content:center;margin-top:-35px;padding:5px}.project2:hover .project2-left{transform:translateX(-45px);transition:transform .4s ease-in-out}.project2:hover .project2-right{transform:scale(1.1);transition:transform .4s ease-in-out}.project3{margin-top:200px}@media (max-width:1440px){.projects{margin-left:200px}}@media (max-width:1024px){.projects{margin-left:120px}.project1{margin-left:70px}.project1-left .project1filter,.project1-left img{height:230px;width:400px}.project1 .project1-right{margin-left:250px;margin-top:-25px;z-index:1}.project1 .project1-right p{margin-top:-20px;width:350px}.project1-left:hover+.project1-right{transform:translateX(70px);transition:transform .4s ease-in-out;z-index:-1}.project2{margin-left:40px}.project2-right .project2filter,.project2-right img{height:230px;width:400px}.project2-right{margin-left:-166px}.project2-left{margin-left:30px;margin-top:-25px}.project2-left p{font-size:15px;margin-top:-20px;width:350px}}@media (max-width:768px){.projects{margin-left:80px}.projects .project-heading:after{width:200px}.project1{flex-direction:row;margin-left:53px}.project1-left img{height:auto;width:500px}.project1-left .project1filter{height:190px;width:500px}.project1 .project1-right{margin-left:-15px;margin-top:180px;z-index:1}.project1 .project1-right h5{margin-top:-100px}.project1 .project1-right p{width:460px}.project1-left:hover img,.project1-left:hover img .project1filter .pro,.project1-left:hover+.project1-right{transform:none}.project2{flex-direction:row;margin-left:50px;margin-top:40px}.project2-right img{height:auto;margin-left:-347px;width:500px}.project2-right .project2filter{height:230px;margin-left:-347px;width:500px}.project2 .project2-left{margin-left:-5px;margin-top:60px;z-index:1}.project2 .project2-left a,.project2 .project2-left h5{text-align:end}.project2 .project2-left p{margin-left:5px;width:460px}.project2-left ul{margin-left:232px}.project2-social{margin-left:455px}.project2:hover .project2-left,.project2:hover .project2-right{transform:none}.project3{margin-top:40px}}@media (max-width:500px){.projects{margin-left:25px}.projects .project-heading{font-size:22px;width:320px}.projects .project-heading:after{margin-left:270px;width:100px}.project1{flex-direction:row;margin-left:10px}.project1-left img{height:auto;width:350px}.project1-left .project1filter{height:167px;width:350px}.project1 .project1-right{margin-left:-15px;margin-top:130px;z-index:1}.project1 .project1-right h5{margin-top:-100px}.project1 .project1-right p{font-size:14px;width:308px}.project1-left:hover img,.project1-left:hover img .project1filter .pro,.project1-left:hover+.project1-right{transform:none}.project2{margin-left:5px;margin-top:40px}.project2-right{margin-left:-170px}.project2-right img{height:auto;margin-left:-200px;width:350px}.project2-right .project2filter{height:166px;margin-left:-200px;width:350px}.project2 .project2-left{margin-left:-5px;margin-top:0;z-index:1}.project2 .project2-left p{font-size:14px;margin-left:5px;width:310px}.project2-left ul{margin-left:89px}.project2-social{margin-left:310px}.project2:hover .project2-left,.project2:hover .project2-right{transform:none}.project3{margin-top:40px}}@media (max-width:375px){.projects{margin-left:20px;width:100%}.projects .project-heading{font-size:20px}.projects .project-heading:after{margin-left:250px;margin-top:-10px;width:35px}.project1{flex-direction:row;margin-left:10px}.project1-left img{height:auto;width:320px}.project1-left .project1filter{height:150px;width:320px}.project1 .project1-right{margin-left:-15px;margin-top:120px;z-index:1}.project1 .project1-right h5{font-size:12px;margin-top:-100px}.project1 .project1-right a{font-size:16px;text-align:end}.project1 .project1-right p{font-size:14px;width:280px}.project1-right ul{margin-left:-25px}.project1-right ul li{font-size:12px}.project2{margin-left:5px;margin-top:40px}.project2-right{margin-left:-15px}.project2-right img{height:auto;margin-left:-325px;width:320px}.project2-right .project2filter{height:150px;margin-left:-325px;width:320px}.project2 .project2-left{margin-left:-5px;margin-top:-10px;z-index:1}.project2 .project2-left p{font-size:14px;margin-left:5px;width:280px}.project2-left ul{margin-left:60px}.project2-social{gap:10px;margin-left:290px}.project2-left h5{font-size:12px}.project2-left a{font-size:18px;margin-left:-10px}.project3{margin-top:40px}}@media (max-width:320px){.projects{margin-left:20px;width:100%}.projects .project-heading{font-size:20px}.projects .project-heading:after{margin-left:250px;margin-top:-10px;width:35px}.project1{flex-direction:row;margin-left:10px}.project1-left img{height:auto;width:270px}.project1-left .project1filter{height:127px;width:270px}.project1 .project1-right{margin-left:-15px;margin-top:130px;z-index:1}.project1 .project1-right h5{font-size:12px;margin-top:-100px}.project1 .project1-right a{font-size:16px;text-align:end}.project1 .project1-right p{font-size:14px;width:228px}.project1-right ul{margin-left:-25px}.project1-right ul li{font-size:12px}.project2{margin-left:5px;margin-top:40px}.project2-right{margin-left:40px}.project2-right img{height:auto;margin-left:-325px;width:270px}.project2-right .project2filter{height:127px;margin-left:-325px;width:270px}.project2 .project2-left{margin-left:-5px;margin-top:-10px;z-index:1}.project2 .project2-left p{font-size:14px;margin-left:5px;width:230px}.project2-left ul{margin-left:9px}.project2-social{gap:10px;margin-left:232px}.project2-left h5{font-size:12px}.project2-left a{font-size:18px;margin-left:-10px}.project3{margin-top:40px}}
/*# sourceMappingURL=main.0e996d6c.css.map*/