@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:#000}a,h1,h4,p{color:#f0f8ff;text-decoration:none}ul{list-style-type:none}.btn{padding:12px 32px;font-size:1rem;text-transform:uppercase;background-color:#ff0;color:#000;border:1px solid #fff;font-weight:600;cursor:pointer}.btn-light{background:transparent;color:#fff}.btn:hover{background:hsla(0,0%,100%,.2);color:#fff;transition:.3s}.footer{width:100%;padding:6rem 0;background-color:rgba(19,19,19,.8)}.footer-container{max-width:1140px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:40px}.left{height:100%;max-width:100%;display:flex;flex-direction:column;padding:1rem}.location{display:flex;margin-bottom:.8rem}.location h4{line-height:30px}.right{height:100%;max-width:100%;flex-direction:column;padding:1rem}.social{margin-top:1rem}h4{padding-bottom:.7rem}h4,p{font-size:1.2rem}@media screen and (max-width:640px){.footer-container{grid-template-columns:1fr}}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem;position:fixed;width:100%;height:90px;z-index:10}.header-bg{background-color:rgba(0,0,0,.6);transition:.3s;height:80px}.nav-menu{display:flex}.nav-menu li{padding:0 1rem}.nav-menu li a{font-size:1.2rem;font-weight:500}.hamburger{display:none}@media screen and (max-width:1040px){.hamburger{display:initial;cursor:pointer}.nav-menu{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;background:#000;position:absolute;top:-10000%;left:0;z-index:-3;transition:.3s}.nav-menu.active{top:0}.nav-menu li{padding:1rem 0}.nav-menu li a{font-size:2rem}}.hero-img{width:100%;background-color:rgba(0,0,0,.5);height:60vh;position:relative}.hero-img:before{content:"";background:url(/static/media/hero.66bed2e5.jpg);height:100%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:top;position:absolute;top:0;left:0;z-index:-1}.hero-img h1{font-size:2.4rem}.hero-img p{font-size:1.4rem;text-align:center}.heading{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width:640px){.hero-img h1{font-size:2rem}}.about{width:100%;margin:3rem 0;display:flex;justify-content:center;flex-wrap:wrap;height:100%}.about,.left{align-items:center}.left{background-color:#252525;color:#000;padding:1rem 2rem;border-radius:50px;font-size:1.1rem;text-align:justify}.left h4{margin-bottom:5px;color:#787be2}.left h1{margin-bottom:5px;color:#000}.left h2{margin-bottom:5px;color:#e7de8f}.about.right{max-width:700px}.right.img-container{display:grid;grid-template-columns:repeat(2,1fr);position:relative;align-items:center;text-align:center}.right .img{margin-left:-140px;margin-top:-150px;box-shadow:0 0 100px rgba(2,7,106,.5)}.right .img,.right .img-2{width:250px;border:1px solid #333;border-radius:400px}.right .img-2{border-radius:50%}@media screen and (max-width:640px){.right .img-2{display:none}}.mask{width:100%;height:100vh;position:relative}.intro-img{width:100%;height:100%;background-size:cover;background-position:50%;object-fit:fill;border-radius:50px}.mask:after{content:"";position:absolute;top:0;left:0;background-color:#000;opacity:.6}.hero,.mask:after{width:100%;height:100%}.hero .content{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;text-align:center}.hero .content h1{font-size:4rem;padding:.6rem 0 1.5rem}.hero .content p{font-size:2.5rem;font-weight:300;text-transform:uppercase}.content .btn{margin:1rem;border-radius:10px}@media screen and (max-width:640px){.hero .content h1{font-size:3rem}.hero .content p{font-size:1.5rem;font-weight:300;text-transform:uppercase}.content .btn{margin:.1rem;padding:.5rem 1rem;border-radius:10px}.hero .content{position:absolute;-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%);top:50%;left:50%;text-align:center}.intro-img{height:700px}}.skills{color:#f0f8ff;width:100%;text-align:center;font-weight:500;font-size:2rem;margin:2rem auto 0;border-bottom:2px solid #ff0;width:20%}.skill-container{color:#f0f8ff;list-style:none;width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:40px;margin:2rem}.skill-container li{margin:1rem 0}.bar{background:#000;display:block;height:7px;border:1px solid #eeefe0;border-radius:3px;overflow:hidden;box-shadow:0 0 10px #9acd32}.bar span{height:6px;float:left;background:#ff0}.html{width:90%;-webkit-animation:html 10s;animation:html 10s}.Css{width:65%;-webkit-animation:Css 10s;animation:Css 10s}.C{width:70%;-webkit-animation:C 10s;animation:C 10s}.Cpp{width:85%;-webkit-animation:Cpp 10s;animation:Cpp 10s}.python{width:75%;-webkit-animation:python 10s;animation:python 10s}.jquery{width:50%;-webkit-animation:jquery 10s;animation:jquery 10s}.javaScript{width:60%;-webkit-animation:javaScript 10s;animation:javaScript 10s}.react{width:40%;-webkit-animation:react 10s;animation:react 10s}@-webkit-keyframes html{0%{width:0}to{width:90%}}@keyframes html{0%{width:0}to{width:90%}}@-webkit-keyframes Css{0%{width:0}to{width:65%}}@keyframes Css{0%{width:0}to{width:65%}}@-webkit-keyframes javaScript{0%{width:0}to{width:60%}}@keyframes javaScript{0%{width:0}to{width:60%}}@-webkit-keyframes jquery{0%{width:0}to{width:50%}}@keyframes jquery{0%{width:0}to{width:50%}}@-webkit-keyframes react{0%{width:0}to{width:40%}}@keyframes react{0%{width:0}to{width:40%}}@-webkit-keyframes C{0%{width:0}to{width:70%}}@keyframes C{0%{width:0}to{width:70%}}@-webkit-keyframes Cpp{0%{width:0}to{width:85%}}@keyframes Cpp{0%{width:0}to{width:85%}}@-webkit-keyframes python{0%{width:0}to{width:75%}}@keyframes python{0%{width:0}to{width:75%}}.skillimg{border-radius:50%;background-color:#fff;min-width:50px;width:50px}@media screen and (max-width:640px){.skill-container{grid-template-columns:repeat(3,1fr)}}.project-heading{text-align:center;padding:4rem 0 2rem}.project-container{max-width:1140px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;padding-bottom:5rem}.project-card{background:#1a1919;padding:1.2rem 1rem;border-radius:10px}.project-card img{width:100%;border-radius:5px}.project-card img:hover{-webkit-transform:scale(1.2);transform:scale(1.2);transition:.5s;cursor:pointer}.bttn{border:2px solid #ff0;border-radius:5px;text-align:center;padding:.5rem 2rem;font-size:1.1rem;width:100%}.pro-btns{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:5rem}.bttn:hover{background-color:#ff0;color:#000}.project-title{color:#fff;padding:1rem 0}.pro-details p{padding-bottom:1rem;font-size:1.1rem;text-align:justify}@media screen and (max-width:640px){.project-container{max-width:90%;margin:auto;grid-template-columns:1fr}.project-card{background:#1a1919;padding:1.2rem 1rem}}label{color:#f0f8ff;margin-bottom:.5rem}form{display:flex;flex-direction:column;padding:4rem 1rem;margin:auto;max-width:600px}form input,form textarea{margin-bottom:1rem;padding:10px 18px;font-size:1.2rem;background-color:hsla(0,0%,88.2%,.1);border-color:hsla(0,0%,88.2%,.1);color:#f0f8ff}
/*# sourceMappingURL=main.a85bd674.chunk.css.map */