@import url(https://api.fontshare.com/css?f[]=clash-display@400&display=swap);*{box-sizing:border-box;margin:0;outline:none;padding:0}body{background-color:#0f152d;color:#fff;font-family:Clash Display,sans-serif}.App{margin:auto;max-width:1600px;overflow:hidden;position:relative;width:100%}#asset3{right:-3%;top:-10%}#asset3,#asset4{display:block;position:absolute;z-index:-3}#asset4{left:-7%;opacity:90%;top:46%}@media screen and (min-width:1300px){#asset4{height:25em;left:-2rem;opacity:60%;top:60%;width:25em}}@media screen and (max-width:750px){#asset4{height:15em;left:-5rem;opacity:60%;top:65%;width:15em}}@media screen and (max-width:350px){#asset4{height:10em;left:-3.5rem;width:10em}}.projects{width:100%}.projects .headingM{margin-left:10%}.projects .projects-cont{align-content:center;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,380px));justify-content:space-evenly;margin:auto;width:90%}.projects .projects-cont .project{border-top:3px solid #cdd5f2;margin-bottom:1rem}.projects .projects-cont .project .viewLive{align-items:center;display:flex;float:right;font-size:100;letter-spacing:.04em;padding:.4rem 0;transition:all .3s ease}.projects .projects-cont .project .viewLive .icon{cursor:pointer;font-size:66px;margin-left:10px}.projects .projects-cont .project img{height:auto;margin-top:.5rem;width:100%}.namecont{display:flex;flex-wrap:wrap;font-weight:700;justify-content:space-between;letter-spacing:.04em;margin-top:2%;padding:3% .3%;width:100%}.namecont .stack{font-weight:100;letter-spacing:.01em}.scroll{align-items:center;display:flex;flex-direction:column;font-size:2rem;justify-content:center;margin-top:2.3rem}.scroll p{font-size:1.5rem}.headingM{color:#202b57;font-size:6.5rem;font-weight:1000;letter-spacing:2.6px;margin:2rem 0}.vap{-webkit-animation:highlight 2s ease infinite;animation:highlight 2s ease infinite;color:#1c254d;cursor:pointer;font-size:5rem;text-decoration:underline;text-underline-offset:10px;transition:all .3s ease;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.vap a{color:inherit;text-decoration:none}@-webkit-keyframes highlight{0%{color:#19203d}50%{color:#203074}to{color:#19203d}}@keyframes highlight{0%{color:#19203d}50%{color:#203074}to{color:#19203d}}@-webkit-keyframes highlight2{0%{color:#19203d}to{color:#cdd5f2}}@keyframes highlight2{0%{color:#19203d}to{color:#cdd5f2}}.vap:hover{-webkit-animation:highlight2 1s ease 1;animation:highlight2 1s ease 1;color:#cdd5f2}@media screen and (max-width:636px){.headingM{font-size:5.5rem}.vap{font-size:4.5rem}}@media screen and (max-width:524px){.headingM{font-size:4.75rem}.vap{font-size:4.25rem}}@media screen and (max-width:470px){.headingM{font-size:4rem}.vap{font-size:3.85rem}}@media screen and (max-width:386px){.headingM{font-size:3rem}.namecont .stack{margin-top:.2rem;width:100%}}@media screen and (max-width:306px){.headingM{font-size:2.2rem}}*{transition:all .15s ease}Link{all:unset}.navcont{margin:auto;max-width:1600px;position:fixed;width:100%;z-index:3}.logo,nav{align-items:center;display:flex}nav{height:4rem;justify-content:space-between;padding:0 1.5rem;width:100%}nav:after{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background-color:rgba(11,18,46,.293);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-3}@media screen and (max-width:350px){nav{padding:0 .5rem}}.navs{align-items:center;display:flex;font-size:1.4rem;font-weight:400;height:4rem;justify-content:space-between;list-style-type:none;overflow:auto;position:relative;width:60%}.navs::-webkit-scrollbar{background-color:transparent;height:50%;overflow:hidden;width:.3rem}.navs::-webkit-scrollbar-thumb{background-color:#80808036;border-radius:10px}.navs li{border-radius:10px;cursor:pointer;padding:.5rem 1.5rem;position:relative}.navs li a{color:inherit;font-size:inherit;height:100%;text-decoration:none;width:100%}.navs li .line{background-color:#19203d;border:none;height:2px;width:inherit}.navs li .lineActive{background-color:#667bd1}@media screen and (max-width:750px){.navs li{cursor:pointer;margin-bottom:2rem;width:100%}}@media screen and (max-width:990px){.navs{font-size:1.05rem}}@media screen and (max-width:800px){.navs{width:70%!important}}@media screen and (max-width:750px){.navs{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background-color:rgba(11,18,46,.293);border:1px solid rgba(209,213,219,.3);border-radius:12px;flex-direction:column;font-size:1.2rem;height:calc(100vh - 5rem);justify-content:flex-start;margin-right:5%;overflow:auto;padding-top:1rem;position:absolute;right:0;top:4rem;width:90%!important}}@media screen and (max-width:400px){.navs{margin-right:1%;width:98%!important}}.iconcont{align-items:center;cursor:pointer;display:none;justify-content:center;padding:1%}.iconcont #icon{height:1.5em!important;transition:all .3s ease;width:1.5em!important}@media screen and (max-width:750px){.iconcont{display:flex}}.navclose{border:none;overflow:hidden;width:0!important}@media screen and (min-width:751px){.navclose{width:auto!important}}header{border:1px solid transparent;height:37rem;margin:auto;max-width:1600px;position:relative;width:100%}header .container{border:none;color:#cdd5f2;height:89%;margin-left:10%;margin-top:4rem;width:90%}header .container .firstline{font-size:2.4rem;letter-spacing:2.6px;margin-left:.2em}@media screen and (max-width:600px){header .container .firstline{font-size:2.1rem}}@media screen and (max-width:450px){header .container .firstline{font-size:1.6rem}}@media screen and (max-width:260px){header .container .firstline{font-size:1.3rem}}header .container .skill{font-size:8.9rem;font-weight:900}@media screen and (max-width:963px){header .container .skill{font-size:7.5rem}}@media screen and (max-width:799px){header .container .skill{font-size:6.4rem}}@media screen and (max-width:680px){header .container .skill{font-size:5.6rem}}@media screen and (max-width:591px){header .container .skill{font-size:5rem}}@media screen and (max-width:529px){header .container .skill{font-size:4.7rem}}@media screen and (max-width:500px){header .container .skill{font-size:4.6rem;margin:.5rem 0}}@media screen and (max-width:428px){header .container .skill{font-size:4.1rem}}@media screen and (max-width:393px){header .container .skill{font-size:3.6rem}}@media screen and (max-width:325px){header .container .skill{font-size:2.8rem}}@media screen and (max-width:255px){header .container .skill{font-size:2.3rem;font-weight:700}}header .container .lasttext{font-size:1.4rem;letter-spacing:1px;width:56%}@media screen and (max-width:921px){header .container .lasttext{width:70%}}@media screen and (max-width:586px){header .container .lasttext{font-size:1.2rem;margin-bottom:.5em;margin-top:.5em;width:99%}}header .container .contactme{align-items:center;color:#0f152d;cursor:pointer;display:flex;font-size:1.15rem;font-weight:800;height:3rem;justify-content:center;margin-top:1rem;transition:all .2s ease;width:10rem}header .container .contactme:hover{background-color:transparent;border:1px solid #fff;color:#fff;font-size:1.2rem}@media screen and (max-width:586px){header .container .contactme{border:none;border-radius:10px;-webkit-transform:translate(10%);transform:translate(10%);width:80%}}@media screen and (max-width:500px){header .container{height:auto;margin-left:2%;margin-top:2rem;width:100%}header{height:auto;padding-bottom:2rem}}#asset1{display:block;left:-1%;position:absolute;top:34%;z-index:-3}@media screen and (max-width:750px){#asset1{height:15em;left:-5rem;opacity:60%;top:45%;width:15em}}@media screen and (max-width:350px){#asset1{height:10em;left:-3.5rem;width:10em}}#asset2{display:block;height:20em;opacity:90%;position:absolute;right:14%;top:17%;width:20em;z-index:-3}@media screen and (min-width:1600px){#asset2{height:27em;width:27em}}@media screen and (max-width:750px){#asset2{height:15em;opacity:60%;right:9%;width:15em}}@media screen and (max-width:350px){#asset2{height:10em;right:-1rem;width:10em}}.ftrmain .firstftr{background:#19203d;border-radius:10px;box-shadow:0 12px 20px rgba(0,0,0,.12);color:#cdd5f2;margin:auto auto 4rem;max-width:760px;min-width:240px;text-align:center;width:70%}.ftrmain .firstftr h3{font-size:76px;font-weight:700;letter-spacing:.026em}.ftrmain .firstftr p{letter-spacing:.061em;margin-left:15%;width:70%}.ftrmain .firstftr .linktoCont{align-items:center;display:flex;flex-direction:column;margin-top:4rem}.ftrmain .firstftr .linktoCont a{align-items:center;display:flex;flex-direction:column;text-decoration:none;width:100%}.ftrmain .firstftr .linktoCont a .linkto{align-items:center;background-color:transparent;border:1.5px solid #cdd5f2;border-radius:10px;color:#cdd5f2;cursor:pointer;display:flex;font-size:24px;font-weight:100;justify-content:flex-start;letter-spacing:.061em;margin-bottom:1rem;max-width:450px!important;min-width:230px;padding:15px;width:99%!important}.ftrmain .firstftr .linktoCont a .linkto .icon{height:1.2em;width:2em}.ftrmain .firstftr .linktoCont a .linkto:hover{background-color:#cdd5f2;border-color:#19203d;color:#19203d;font-size:22px}@media screen and (max-width:450px){.ftrmain .firstftr .linktoCont a .linkto{font-size:20px}.ftrmain .firstftr .linktoCont a .linkto:hover{font-size:16px}}@media screen and (max-width:350px){.ftrmain .firstftr .linktoCont a .linkto{font-size:15px}.ftrmain .firstftr .linktoCont a .linkto:hover{font-size:12px}}@media screen and (max-width:640px){.ftrmain .firstftr{max-width:none;width:98%}}@media screen and (max-width:450px){.ftrmain .firstftr p{margin-left:1%;width:98%}.ftrmain .firstftr h3{font-size:50px}}.ftrmain .secondftr{border-top:1.5px solid #cdd5f2c6;color:#cdd5f2;display:flex;justify-content:space-between;letter-spacing:.061em;margin:auto;padding:1rem 1%;width:90%}.ftrmain .secondftr .subinfo{display:flex}.ftrmain .secondftr .subinfo .me{margin-left:2px}.ftrmain .secondftr .subinfo span{font-weight:900;margin:0 10px;text-transform:uppercase}@media screen and (max-width:689px){.ftrmain .secondftr{font-size:11px}}@media screen and (max-width:489px){.ftrmain .secondftr{align-items:center;flex-direction:column;font-size:8px}.ftrmain .secondftr .subinfo{margin-top:.5rem}}.about-body{width:100%}.about-body .container{margin-left:10%}.about-body .container .main-text{word-wrap:break-word;color:#cdd5f2;font-size:1.5rem;font-weight:200;letter-spacing:2px;line-break:strict;line-height:134%;margin-bottom:1rem;width:75%}@media screen and (max-width:820px){.about-body .container .main-text{width:85%}}@media screen and (max-width:720px){.about-body .container .main-text{width:90%}}@media screen and (max-width:520px){.about-body .container .main-text{font-size:1.3rem;font-weight:thin;width:96%}}@media screen and (max-width:300px){.about-body .container .main-text{font-size:1.1rem;font-weight:100;width:96%}}@media screen and (max-width:260px){.about-body .container .main-text{font-size:.9rem;font-weight:100;line-height:134%;width:96%}}.about-body .container .links-cont{align-content:center;display:flex;flex-wrap:wrap;justify-content:space-between;max-width:500px;width:45%}.about-body .container .links-cont a{text-decoration:none;width:45%}.about-body .container .links-cont a .links{background-color:#fff;border:none;color:#0f152d;cursor:pointer;font-size:1.3rem;height:4rem;line-height:4rem;margin:.4rem 0;text-align:center;transition:all .15s ease;width:100%}.about-body .container .links-cont a .links .icons{position:relative;top:2.5px}.about-body .container .links-cont a .links:hover{background-color:transparent;border:1px solid #fff;color:#fff}@media screen and (max-width:450px){.about-body .container .links-cont a .links{border-radius:10px;height:3.5rem}.about-body .container .links-cont a{margin-bottom:1rem;width:90%}}@media screen and (max-width:600px){.about-body .container .links-cont{justify-content:center;width:96%}}@media screen and (max-width:750px){.about-body .container{margin-left:2%;width:100%}}.project{border-top:3px solid #cdd5f2;margin-bottom:1rem}.project .viewLive{align-items:center;display:flex;float:right;font-size:100;letter-spacing:.04em;padding:.4rem 0;transition:all .3s ease}.project .viewLive .icon{cursor:pointer;font-size:46px;margin-left:10px}.project img{height:auto;margin-top:.5rem;width:100%}.stacks{padding-left:10%}.stacks .stacks-cont{max-width:700px;width:70%}.stacks .stacks-cont .stack{border-top:3px solid #cdd5f287;display:flex;height:4rem;margin:.4rem 0;max-width:500px;min-width:239px;width:100%}.stacks .stacks-cont .stack p{align-items:center;display:flex}.stacks .stacks-cont .stack .number{font-size:23px;font-weight:500;justify-content:center;letter-spacing:.026em;width:15%}@media screen and (max-width:460px){.stacks .stacks-cont .stack .number{font-size:18px}}@media screen and (max-width:300px){.stacks .stacks-cont .stack .number{font-size:14px}}.stacks .stacks-cont .stack .stackname{font-size:34px;font-weight:700;justify-content:flex-start;letter-spacing:.036em;padding-left:.5rem;width:85%}@media screen and (max-width:460px){.stacks .stacks-cont .stack .stackname{font-size:29px}}@media screen and (max-width:300px){.stacks .stacks-cont .stack .stackname{font-size:19px}}@media screen and (max-width:500px){.stacks .stacks-cont{width:100%}.stacks{padding-left:2%}}.allprojectfraction{margin-bottom:6rem!important;margin-top:6rem!important;position:relative}.allprojectfraction::-webkit-scrollbar{background-color:transparent;cursor:pointer;height:50%;overflow:hidden;width:.5rem}.allprojectfraction::-webkit-scrollbar-thumb{background-color:#80808036;border-radius:10px;cursor:pointer}.allprojectfraction::-webkit-scrollbar-thumb:hover{background-color:#80808057}.allprojectfraction .allprojects{-ms-grid-columns:(minmax(250px,300px))[auto-fit];align-content:center;display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,300px));justify-content:space-evenly;margin:auto;top:5%;width:90%}.allprojectfraction .allprojects::-webkit-scrollbar{background-color:transparent;cursor:pointer;height:50%;overflow:hidden;width:.5rem}.allprojectfraction .allprojects::-webkit-scrollbar-thumb{background-color:#8080801a;border-radius:10px;cursor:pointer}.allprojectfraction .allprojects::-webkit-scrollbar-thumb:hover{background-color:#80808057}@media screen and (max-width:620px){.allprojectfraction .allprojects{align-content:flex-start;height:100vh;overflow-y:auto;width:96%}.allprojectfraction .allprojects::-webkit-scrollbar{background-color:transparent;cursor:pointer;height:50%;overflow:hidden;width:.3rem}}@media screen and (max-width:400px){.allprojectfraction .allprojects{-ms-grid-columns:(minmax(220px,300px))[auto-fit];grid-template-columns:repeat(auto-fit,minmax(220px,300px))}}.allprojectfraction .moreinfo{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:rgba(8,17,26,.375);border-radius:10px;display:flex;height:100%;justify-content:center;position:absolute;top:0;width:100%;z-index:2}.allprojectfraction .moreinfo .infocont{align-items:center;display:flex;flex-direction:column;margin:auto;overflow-y:auto;width:100%}.allprojectfraction .moreinfo .infocont .icon{background-color:#bdbdbd63;border-radius:10px;cursor:pointer;font-weight:900;height:2.5em;margin-bottom:.4rem;width:2.5em}.allprojectfraction .moreinfo .infocont .infocont-inner{align-items:center;background-color:#f0f8ff;border-radius:10px;color:#0f152d;display:flex;font-weight:300;height:70%;justify-content:space-between;overflow-y:auto;padding:3rem 1%;width:80%}.allprojectfraction .moreinfo .infocont .infocont-inner .projectimage{border-radius:10px;display:block;height:auto;margin:auto;max-width:500px;width:40%}@media screen and (max-width:620px){.allprojectfraction .moreinfo .infocont .infocont-inner .projectimage{margin-bottom:2%;width:90%}}.allprojectfraction .moreinfo .infocont .infocont-inner .side{background-color:#f0f8ff;width:57%}.allprojectfraction .moreinfo .infocont .infocont-inner .side h3{margin:.3rem 0}.allprojectfraction .moreinfo .infocont .infocont-inner .side .linkto{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;width:90%}.allprojectfraction .moreinfo .infocont .infocont-inner .side .linkto a{max-width:300px;text-decoration:none;width:45%}.allprojectfraction .moreinfo .infocont .infocont-inner .side .linkto a .link{background-color:#0f152d;border:1.6px solid transparent;border-radius:6px;color:#cdd5f2;cursor:pointer;height:3rem;width:100%}.allprojectfraction .moreinfo .infocont .infocont-inner .side .linkto a .link .icons{left:5px;position:relative;top:2.5px}.allprojectfraction .moreinfo .infocont .infocont-inner .side .linkto a .link:hover{background-color:#fff;border-color:#0f152d;color:#0f152d;font-size:larger}@media screen and (max-width:500px){.allprojectfraction .moreinfo .infocont .infocont-inner .side .linkto a .link{width:100%}}@media screen and (max-width:620px){.allprojectfraction .moreinfo .infocont .infocont-inner .side .linkto a{margin-bottom:.24rem;max-width:none;width:88%}.allprojectfraction .moreinfo .infocont .infocont-inner .side .linkto{height:10rem;justify-content:center;width:auto}.allprojectfraction .moreinfo .infocont .infocont-inner .side{height:auto;padding-left:1%;width:99%}}@media screen and (max-width:840px){.allprojectfraction .moreinfo .infocont .infocont-inner{width:95%}}@media screen and (max-width:620px){.allprojectfraction .moreinfo .infocont .infocont-inner{display:block;height:600px;max-height:90%;padding:1%;width:95%}}@media screen and (max-width:500px){.allprojectfraction .moreinfo .infocont{height:700px}}
/*# sourceMappingURL=main.1f80ca5c.css.map*/