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}html{scroll-behavior:smooth}.App{text-align:center}*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Centra;font-weight:700;src:url(/static/media/CentraNo2-Bold.2faff7f7d3fc92a2fcd9.ttf)}@font-face{font-family:Centra;font-weight:500;src:url(/static/media/CentraNo2-Medium.f94be5b326d78bb32b95.ttf)}@font-face{font-family:Centra;font-weight:400;src:url(/static/media/CentraNo2-Book.2b143fa4b734a3584043.ttf)}body{background-color:#020d2e;font-family:Centra,sans-serif;font-weight:400}.top-nav{align-items:center;background:linear-gradient(105deg,#020d2ecd,#1c3972,#00b1e4);background-color:rgba(0,0,0,.625);display:flex;gap:10em;height:80px;justify-content:space-between;padding-bottom:2.5em;padding-top:2.5em;position:fixed;top:0;width:100%;z-index:1000}.sec1{padding-left:6.5%}.sec1,.sec2{align-items:center;display:flex;justify-content:center}.sec2{gap:2em;padding-right:6.5%}.social-icons{align-items:center;display:flex;flex-direction:row;float:right;gap:.6em;justify-content:center}.social-icons li{background-color:#1c3972;border:1px solid hsla(0,0%,100%,.797);border-radius:26px;list-style:none;padding:.7em .8em .5em}.social-icons li:hover{background-color:#1c3972cf}.social-icons li a img{transition:transform .3s ease}.social-icons li a:hover img{transform:scale(1.35)}.beh-icon,.gith-icon,.linkedin-icon{filter:invert(100%)}.nav-logo>a>img{height:5em;width:6.8em}.nav-logo:hover{cursor:pointer;transform:translate(1.1)}.top-but-box{align-items:center;display:flex;justify-content:center}.connect-but{background-color:initial;background-size:200% 100%;border:none;color:#fff;font-size:1em;font-weight:bolder;transition:background-position .3s ease}.connect-but:hover{cursor:pointer;filter:brightness(90%)}.link-to-sections{align-items:center;color:#00b1e4;display:flex;gap:2em;justify-content:center;list-style:none}.link-to-sections li a{font-family:Centra,sans-serif;font-size:1.2em;text-decoration:none}.link-to-sections li a:active,.link-to-sections li a:visited{color:#00b1e4}.link-to-sections li a:hover{filter:brightness(130%)}.link-to-sections li{width:70px}.mobile-menu,.sec3{display:none}@media (max-width:1200px) and (min-width:1025px){.top-nav{gap:6em}.link-to-sections{gap:1.5em}.sec3{display:none}}@media (max-width:1024px) and (min-width:769px){.top-nav{gap:2em}.link-to-sections{gap:.2em}.nav-logo>a>img{height:3em;width:4.8em}.link-to-sections li a{font-size:1.1em}.sec3,.top-but-box{display:none}}@media (max-width:768px) and (min-width:481px){.top-nav{gap:0}.nav-logo>a>img{height:3em;width:3.8em}.link-to-sections li a{font-size:1em}.social-icons{display:none}.top-but-box{margin-right:1.4em}.sec3 button{background-color:#12121200;border:none;filter:invert(100%)}.sec3>button>img{height:2em;margin-right:2.5em;width:2em}.sec3{display:inline;position:absolute;right:0}.connect-but span,.link-to-sections li a,.social-icons,.top-but-box{display:none}}@media (max-width:480px) and (min-width:320px){.top-nav{background-color:#000;gap:0}.nav-logo>a>img{height:3em;width:3.8em}.link-to-sections li a,.social-icons,.top-but-box{display:none}.sec3 button{background-color:#12121200;border:none;filter:invert(100%)}.sec3>button>img{height:2em;margin-right:2.15em;width:2em}.sec3{display:inline;position:absolute;right:0}.connect-but span{display:none}.mobile-menu{align-items:center;background-color:#020d2ee8;display:flex;flex-direction:column;height:calc(100vh - 80px);justify-content:center;position:fixed;right:0;top:80px;width:100%;z-index:999}.mobile-menu ul{list-style:none;margin:0;padding:0;text-align:center}.mobile-menu ul li{margin:1em 0}.mobile-menu ul li a{color:#00b1e4;font-size:1.5em;text-decoration:none}.mobile-menu ul li a img{height:1.2em;width:1.2em}}.hidden{transform:translateY(-100%)}.hidden,.top-nav{transition:transform .3s ease}.main-sec{align-items:center;background-color:#020d2e6e;display:flex;flex-direction:row;gap:3em;height:100vh;overflow:hidden;position:relative;width:100%}.main-sub-sec1,.main-sub-sec2{display:flex;gap:.9em}.main-sub-sec1{justify-content:flex-start;margin-left:.5em;margin-top:5em;width:60%}.main-sec:before{background:url(/static/media/bgImg.6a9431d8014da02e2cad.jpg) no-repeat bottom;background-size:cover;content:"";height:100%;left:0;opacity:90%;position:absolute;top:0;width:100%;z-index:-1}.main-text h1{align-items:start;color:#fff;display:flex;flex-direction:column;font-size:3em;overflow:hidden;white-space:nowrap}.main-text p{color:#fff;margin-top:1em}.main-text div{margin-left:6.2em;text-align:justify;width:30em}.txt-rotate .wrap{border-right:.08em solid #006589}.txt-rotate{background-color:#020d2e8b;color:#00b1e4}.main-sub-sec2{display:flex;justify-content:flex-start;margin-top:6%}.main-sub-sec2 img{animation:upDown 4s ease-in-out infinite;width:70%}@keyframes upDown{0%{transform:translateY(-20px)}50%{transform:translateY(20px)}to{transform:translateY(-20px)}}#skill-sec{display:inline;margin-top:2%;position:absolute;width:.15em}@media (max-width:1024px) and (min-width:769px){.main-sec{flex-direction:column;justify-content:center}.main-text div{margin:0}.main-sub-sec1{align-items:center;margin:10em 0 0}.main-sub-sec1,.main-sub-sec2{justify-content:center}.main-text h1{font-size:2.5em}.main-text div{width:25em}.txt-rotate{background-color:#020d2e00}#skill-sec{display:inline;margin-top:64%;position:absolute;width:.15em}}@media (max-width:768px) and (min-width:481px){.main-sec{align-items:center;flex-direction:column;justify-content:center;padding-top:14em}.main-text h1{display:flex;font-size:2.2em;justify-content:center;margin:0;padding:0;width:10em}.main-text div{font-size:.8em;margin:0;padding:0;width:22em}.main-text{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:justify;width:22em}.main-text p{margin-left:0;padding:0}.main-sub-sec1{align-items:center;justify-content:center;padding:3em;width:100%}.main-sub-sec2{justify-content:center;width:60%}.txt-rotate{background-color:#020d2e00}#skill-sec{display:inline;margin-top:84em;position:absolute;width:.15em}}@media (max-width:480px) and (min-width:320px){.main-sec{align-items:center;flex-direction:column;gap:0;justify-content:center}.main-text h1{display:flex;font-size:2.2em;justify-content:center;margin:0;padding:0;width:10em}.main-text div{font-size:.8em;margin:0;padding:0;width:22em}.main-text{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:justify;width:22em}.main-text p{margin-left:0;padding:0}.main-sub-sec1{align-items:center;justify-content:center;padding:3em 3em 0;width:100%}.main-sub-sec2{justify-content:center;width:80%}.txt-rotate{background-color:#020d2e00}#skill-sec{display:inline;margin-top:72em;position:absolute;width:.15em}}.skills-sec{background-color:#020d2e;display:flex;height:18em;justify-content:center;width:100%}.skills-div{background:linear-gradient(105deg,#020d2eb8,#1c39729c,#00b3e49a);border:1.5px solid #00b1e4;border-radius:64px;gap:.2em;height:16em;padding:.2em;width:86%;z-index:4}.skills-div h2{color:#fff;font-size:1.8em;padding:.7em}.skills-div h3{background:linear-gradient(#1c3972,#1c3972,#1c3972,#1c3972,#1c3972,#00b1e4);border:3px solid #00b1e4;border-radius:19px;box-shadow:3px 2px 3px #00b1e4;color:#fff;display:inline-block;font-weight:300;margin:.3em;padding:.55em}.skills-div h3:hover{border:3px solid #fff;box-shadow:5px 4px 5px #fff;cursor:pointer;transform:scale(1.05)}#creation-sec{display:inline;margin-top:4%;position:absolute;width:.15em}@media (max-width:1024px) and (min-width:769px){.skills-sec{background-color:#020d2e;margin-bottom:60px;margin-top:60px}.skills-div{height:18em}#creation-sec{display:inline;margin-top:8%;position:absolute;width:.15em}}@media (max-width:768px) and (min-width:481px){.skills-sec{background-color:#020d2e;margin-bottom:60px;margin-top:40px}.skills-div{height:18em;width:78%}.skills-div h3{border-radius:19px;font-size:.9em;font-weight:300;margin:.3em;padding:.3em}#creation-sec{display:inline;margin-top:6em;position:absolute;width:.15em}}@media (max-width:480px) and (min-width:320px){.skills-sec{background-color:#020d2e;height:22em;margin-bottom:60px;margin-top:40px}.skills-div{border-radius:24px;height:-webkit-max-content;height:max-content;padding-bottom:3em;width:78%}.skills-div h3{border-radius:19px;font-size:.9em;font-weight:300;margin:.3em;padding:.3em}#creation-sec{display:inline;margin-top:30%;position:absolute;width:.15em}}.project-sec{align-items:center;background-color:#020d2e;display:flex;height:31em;justify-content:center;padding-bottom:2.8em;width:auto}.project-sec-div h2{color:#fff;font-size:1.8em}.project-sec>div{align-items:center;background:linear-gradient(105deg,#020d2eb8,#1c39729c,#00b3e49a);border:1.5px solid #00b1e4;border-radius:64px;display:flex;flex-direction:column;gap:1.4em;height:100%;justify-content:center;padding:2em;width:86%}.proj-bttns-div{background:linear-gradient(#1c3972,#1c3972,#1c3972,#1c3972,#1c3972,#00b1e4);border:3px solid #00b1e4;border-radius:64px;display:flex;height:15%;width:50%}.proj-bttn{background-color:initial;border-style:none;color:#fff;font-weight:600;padding:1.5em;width:100%}.proj-bttn:hover{background:linear-gradient(#020d2eb8,#020d2eb8,#020d2eb8,#020d2eb8,#020d2eb8,#fff);cursor:pointer;opacity:90%}.tech-btn{border-radius:64px 0 0 64px}.content-btn{border-radius:0 64px 64px 0}.designs-btn{border-left:1px solid #fff;border-right:1px solid #fff}.projects img{border:3px solid #00b1e4;border-radius:44px;box-shadow:5px 4px 5px #00b1e4;height:12em;width:18em;z-index:2}.project-img-div{align-items:center;display:flex;height:100%;justify-content:space-around;padding-top:2%;width:95%}.projects img:hover{border:.5px solid #fff;box-shadow:5px 4px 5px #fff;transform:scale(1.03)}.projects{align-items:center;display:flex;flex-direction:column}.projects a{background-color:initial;border-radius:0 0 100px 100px;color:#fff;font-size:.9em;height:3em;padding-top:1em;width:80%}.projects a:hover{color:#00b1e4;cursor:pointer;filter:brightness(120%);transform:scale(1.1)}.proj-bttn.active{background:linear-gradient(#020d2eb8,#020d2eb8,#020d2eb8,#020d2eb8,#020d2eb8,#fff);color:#00b1e4}.proj-bttn.previous{background:linear-gradient(#1c3972,#1c3972,#1c3972,#1c3972,#1c3972,#00b1e4)}@media (max-width:1024px) and (min-width:769px){.project-sec{background-color:#020d2e}.project-img-div{flex-direction:column;gap:1.5em}.project-sec{height:64em}.proj-bttns-div{height:8%}}@media (max-width:768px) and (min-width:481px){project-sec{background-color:#020d2e}.project-sec>div{height:58em;margin-top:28em;padding:1em;width:78%}.project-img-div{flex-direction:column;gap:1.3em}.projects img{width:95%}.proj-bttns-div{width:100%}}@media (max-width:480px) and (min-width:320px){.project-sec{background-color:#020d2e}.project-sec>div{border-radius:24px;height:58em;margin-top:28em;padding:1em;width:78%}.project-img-div{flex-direction:column;gap:1.3em}.projects img{border-radius:24px;width:98%}.proj-bttns-div{width:100%}}.last-line{background:linear-gradient(180deg,#1c3972,#1c3972,#1c3972,#1c3972,#1c3972,#1c3972,#1c3972,#1c3972,#1c3972,#00b1e4,#0c323e);color:#fff;height:3em;width:100%}.foot-div,.last-line{align-items:center;display:flex;justify-content:center}.foot-div{background-color:#1c3972;color:#05c6fb;flex-direction:column;padding-top:1em}.foot-div>div>p{font-size:.9em}.last-line ul{align-items:center;display:flex;font-size:.8em;gap:1em;justify-content:center;list-style:none}.last-line{flex-direction:column;font-size:.8em}.copyright{color:#00b1e4;margin-bottom:1.8em}.vertical-line{background-color:#fff;height:.6em;width:.08em}.last-line ul a{color:#fff;text-decoration:none}.last-line ul{padding-bottom:.8em}.last-line ul a:hover{color:#00b1e4;cursor:pointer}.last-line ul a:visited{color:#fff;text-decoration:none}.footer-social-icons{align-items:center;display:flex;flex-direction:row;gap:.6em;justify-content:center;padding-top:.9em}.footer-social-icons li{background-color:#1c3972;border:1px solid hsla(0,0%,100%,.797);border-radius:26px;list-style:none;padding:.5em .6em .3em}.footer-social-icons li:hover{background-color:#1c3972cf}.footer-social-icons li a img{transition:transform .3s ease}.footer-social-icons li a:hover img{transform:scale(1.35)}.foot-beh-icon,.foot-gith-icon,.foot-linkedin-icon{filter:invert(100%)}.footer-social-icons{gap:1.5em;margin-bottom:1em}.copyright{margin:0;opacity:0;padding:0}@media (max-width:768px) and (min-width:481px){footer{margin-top:28em}}@media (max-width:480px) and (min-width:320px){footer{margin-top:28em}.last-line{flex-direction:column;gap:.8em}.foot-creations-navigation,.foot-skills-navigation,.last-line ul div{display:none}.copyright{color:#00b1e4;margin-bottom:2.8em;opacity:100%}.foot-gototop{text-decoration:underline}.footer-social-icons{gap:1.5em;margin-bottom:2em}}
/*# sourceMappingURL=main.d39a6496.css.map*/