:root{--pc-one:#272643;--pc-two:#e3f6f5;--sc-one:#2c698d;--sc-two:#bae8e8;--nc-:#fff}*,:after,:before{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth;scroll-padding-top:90px}body{background-color:#272643;background-color:var(--pc-one);color:#e3f6f5;color:var(--pc-two);font-family:Roboto,sans-serif;font-size:100%;margin:0;padding:0}.logo{border:2px solid var(--nc-);font-weight:700}.logo,.preloader{color:var(--nc-);font-size:2rem;padding:.5rem 1rem;text-decoration:none}.preloader{background-color:var(--pc-one);border:none;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:3}.preloader:before{-webkit-animation:loading 3s ease-in-out infinite;animation:loading 3s ease-in-out infinite;border:3px solid var(--nc-);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.menu_btn{width:3rem}@media(min-width:48em){.menu_btn{width:4rem}}@media(min-width:62rem){.menu_btn{display:none}}.menu_btn .close,.menu_btn .menu{fill:var(--nc-)}@media(max-width:calc(62em - 0.01px)){.navigation{background-color:var(--pc-one);display:none;flex-direction:column;height:100vh;padding:5rem;position:absolute;right:0;top:100%;width:100vw;z-index:5}.navigation nav{display:flex;flex-direction:column}}.navigation .external_link{margin-top:3rem}.none{display:none}#github,#gmail{fill:var(--nc-);-webkit-transform:scale(2);transform:scale(2)}#github:hover,#gmail:hover{fill:var(--sc-one)}#gmail{margin-left:6rem}@media(min-width:62em){.external_link{background-color:var(--pc-one);border:3px solid var(--sc-one);border-left:none;display:flex;flex-direction:column;left:0;padding:2rem 1.5rem;position:fixed;top:50%;-webkit-transform:translateY(-75%);transform:translateY(-75%)}.external_link #gmail{margin-left:0;margin-top:3rem}}.nav-link{color:var(--sc-one);font-size:1.5rem;font-weight:700;padding:2rem 2rem 0 0;text-decoration:none;text-transform:capitalize}@media(min-width:62em){.nav-link{font-size:1.5rem;padding:0 2rem 0 0}}.active,.nav-link:hover,.nav-link:target{color:var(--nc-)}header{background-color:var(--pc-one);border-bottom:1px solid var(--sc-one);box-sizing:border-box;position:fixed;width:100%;z-index:99}header .header-div{align-items:center;display:flex;justify-content:space-between;margin-inline:auto;max-width:90rem;padding:1rem;transition:all 1s ease-in-out}header .preLoaderState{height:100vh}.btn{border:2px solid var(--sc-one);color:var(--sc-one);font-size:1.5rem;font-weight:700;padding:.5rem 2rem;position:relative;text-decoration:none}@media(min-width:48em){.btn{font-size:1.75rem}}@media(min-width:62em){.btn{font-size:rem}}.btn:after{background-color:var(--sc-one);content:"";height:101%;left:0;position:absolute;top:0;transition:width .5s ease-in-out;width:0;z-index:-1}.btn:hover{color:var(--pc-two)}.btn:hover:after{width:101%}.hero{height:100vh;max-height:900px;min-height:600px;padding-top:20rem;padding-inline:1rem;position:relative}@media(min-width:48em){.hero{padding-inline:8rem}}@media(min-width:62em){.hero{font-size:1.25rem;padding-inline:12rem}}.hero:before{background-image:url(/static/media/pattern4.2a0a889dbe40e61008a3.png);bottom:0;content:"";left:0;opacity:.05;position:absolute;right:0;top:0}.hero .hero-content{margin-inline:auto;max-width:1000px}.hero h1{color:var(--nc-);font-size:3rem;font-weight:700}@media(min-width:62em){.hero h1{font-size:5rem}}.hero .pro{margin-bottom:2rem}@media(min-width:62em){.hero .pro{font-size:1.5rem;margin-bottom:3rem;margin-top:.5rem}}section{padding:2rem 1rem}@media(min-width:48em){section{padding-inline:3em}}@media(min-width:62em){section{padding-inline:5rem}}section h2{color:var(--sc-one);font-size:2rem;font-weight:700;margin-inline:auto;margin-bottom:2rem;position:relative;text-align:center;text-transform:capitalize;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(min-width:48em){section h2{font-size:3rem}}@media(min-width:62em){section h2{font-size:4rem}}section h2:after,section h2:before{content:"/";font-weight:700;position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}section h2:before{left:-20%;top:0}section h2:after{right:-20%;top:0}.about-content{align-items:center;display:flex;flex-direction:column-reverse;gap:1rem;margin-inline:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(min-width:48em){.about-content{flex-direction:row}}.about-content .text-area{max-width:31.25rem}@media(min-width:48em){.about-content .text-area p{font-size:1.25rem}}@media(min-width:62em){.about-content .text-area p{font-size:1.5rem}}.about-content .text-area p+p{margin-top:1em}.about-content .skill-area{margin-top:3rem;max-width:31.25rem}.about-content .skill-area h3{font-size:1.25rem}@media(min-width:48em){.about-content .skill-area h3{font-size:1.5rem}}@media(min-width:62em){.about-content .skill-area h3{font-size:1.75em}}.about-content .skill-area .skill-list{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:1rem}.about-content .skill-area .skill-list .skill{background-color:var(--pc-two);color:var(--sc-one);margin-right:.5rem;margin-top:.5rem;padding:.5rem 1rem}.about-content img{max-width:31.25rem;width:50%}.project-item{display:block;margin-inline:auto;margin-top:auto;padding:1rem;text-decoration:none;width:100%}.project-item:hover{background-color:rgba(227,246,245,.064)}.project-item:hover .project-role .role,.project-item:hover .project-role .view{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.project-item .project-image{background-color:#8c8686;height:100%;width:100%}.project-item .project-title{color:var(--nc-);font-size:1.5rem;font-weight:600}.project-item .project-role{color:var(--pc-two);font-size:1rem;font-weight:200;height:1rem;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.project-item .project-role .role,.project-item .project-role .view{-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.project-item .project-role .view{color:var(--sc-two)}.project-list{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr;grid-template-rows:auto;margin-inline:auto;width:100%}@media(min-width:48em){.project-list{grid-template-columns:1fr 1fr;width:100%}}form{display:flex;flex-direction:column;margin-top:2rem;margin-inline:auto;max-width:500px}form button{background-color:var(--pc-one);border:2px solid var(--sc-one);color:var(--sc-one);font-size:1.25rem;margin-left:auto;margin-top:1rem;padding:.5rem 1.5rem;position:relative;z-index:1}@media(min-width:48em){form button{font-size:1.5rem}}@media(min-width:62em){form button{font-size:1.75rem}}form button:after{background-color:var(--sc-one);bottom:0;content:"";height:101%;left:0;position:absolute;top:0;transition:width .5s ease-in-out;width:0;z-index:-1}form button:hover{color:var(--pc-two)}form button:hover:after{width:101%}.input{display:flex;flex-direction:column;margin-top:1rem}.input label{margin-bottom:.5rem;text-transform:capitalize}@media(min-width:48em){.input label{font-size:1.25rem}}@media(min-width:62em){.input label{font-size:1.5rem}}.input input,.input textarea{background-color:var(--pc-one);border:1px solid var(--nc-);color:var(--nc-);font-weight:600;padding:1em}@media(min-width:62em){.input input,.input textarea{font-size:1.5rem}}.input input::s,.input textarea::s{border-color:var(--sc-one)}.input input:focus,.input textarea:focus{background-color:var(--sc-one);color:var(--nc-);outline:2px solid var(--sc-one)}.input input:-webkit-autofill,.input textarea:-webkit-autofill{-webkit-appearance:none;appearance:none;background-color:purple!important;color:#000!important;outline:none}.input input:autofill,.input textarea:autofill{-webkit-appearance:none;appearance:none;background-color:purple!important;color:#000!important;outline:none}.contact-content{margin-inline:auto}.contact-content p{font-size:1rem;font-weight:700;text-align:center}@media(min-width:48em){.contact-content p{font-size:1.5rem}}@media(min-width:62em){.contact-content p{font-size:1.75rem}}
/*# sourceMappingURL=main.9d2ca145.css.map*/