@import url(https://fonts.googleapis.com/css2?family=Cabin:ital@0;1&family=Gabarito&family=Montserrat:wght@100&family=Nunito+Sans:opsz,wght@6..12,200&family=Outfit:wght@100;200;300;400;500;600;700;800;900&family=Raleway:wght@100&family=Roboto+Condensed:wght@300&family=Roboto:wght@300;400;500&family=Rubik:wght@300&display=swap);*{box-sizing:border-box;font-family:Outfit,sans-serif;margin:0;padding:0}body{background:#000}a,h1,h4,p{color:#fff;text-decoration:none}ul{list-style-type:none}.btn{background:#f8d90f;color:#222;cursor:pointer;font-weight:600;padding:12px 32px}.btn,.btn-light{border:1px solid #fff;font-size:1rem;text-transform:uppercase}.btn-light{background:transparent;color:#fff}.btn:hover{background:hsla(0,0%,100%,.2);color:#fff;transition:.3s}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.header{align-items:center;display:flex;height:90px;justify-content:space-between;padding:1rem;position:fixed;width:100%;z-index:10}.header-bg{background-color:rgba(0,0,0,.85);transition:.5s}.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){.nav-menu{align-items:center;background:rgba(0,0,0,.9);flex-direction:column;height:100vh;justify-content:center;left:-100%;position:absolute;top:0;transition:.3s;width:100%;z-index:-3}.nav-menu.active{left:0}.nav-menu li{padding:1rem 0}.nav-menu li a{font-size:2rem}.hamburger{display:inline;display:initial}}.mask{height:100vh;position:relative;width:100%}.into-img{background-position:50%;background-size:cover;object-fit:cover}.into-img,.mask:after{height:100%;width:100%}.mask:after{background-color:#000;content:"";left:0;opacity:.8;position:absolute;top:0}.hero{height:100%;width:100%}.hero .content{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.animation{-webkit-text-fill-color:transparent;-webkit-animation:shine 7s linear infinite;animation:shine 7s linear infinite;background:linear-gradient(90deg,#fff,#fff,#fff);-webkit-background-clip:text;background-clip:text;background-repeat:no-repeat;background-size:80%;color:#fff;font-size:3rem;padding:.6rem 0 1.5rem;position:relative}.animation,.name{letter-spacing:4px}.hero .content p{font-size:1.7rem;font-weight:200;text-transform:uppercase}.content .btn{margin:1rem -9.5rem}@media screen and (max-width:640px){.hero .content h1{font-size:3rem}.hero .content p{font-size:1.2rem}}.footer{background-color:hsla(0,0%,7%,.8);padding:6rem 0;width:100%}.footer-container{grid-gap:40px;display:grid;grid-template-columns:repeat(2,1fr);margin:auto;max-width:1140px}.left{display:flex;flex-direction:column;height:100%;max-width:100%;padding:1rem}.location{display:flex;margin-bottom:.8rem}.location p{line-height:30px}.right{display:flex;flex-direction:column;height:100%;max-width:100%;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}}.hero-img1{background:rgba(0,0,0,.5);height:60vh;position:relative;width:100%}.hero-img1:before{background:url(https://images.unsplash.com/photo-1453928582365-b6ad33cbcf64?auto=format&fit=crop&q=80&w=1773&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:top;background-size:cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.hero-img1 h1{font-size:2.4rem}.animation3{-webkit-text-fill-color:transparent;-webkit-animation:shine 5s linear infinite;animation:shine 5s linear infinite;background:linear-gradient(90deg,#fff,#fff,#fff);-webkit-background-clip:text;background-clip:text;background-repeat:no-repeat;background-size:80%;font-size:1.4rem;letter-spacing:5px;position:relative;text-align:center}@media screen and (max-width:640px){.hero-img1 h1{font-size:2rem}}.about_container{grid-gap:15%;display:grid;gap:15%;grid-template-columns:35% 50%}.about_me{aspect-ratio:1/1;background:linear-gradient(45deg,transparent,#fff,transparent);border-radius:2rem;display:grid;margin-left:120px;margin-top:70px;place-items:center;width:320px}.about_me-image{border-radius:2rem;height:310px;overflow:hidden;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1.5s;width:300px}.about_me-image:hover{-webkit-transform:rotate(0);transform:rotate(0)}.about_cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.about_card{background:var(--color-bg-variant);border:1px solid transparent;border-radius:1rem;padding:2rem;text-align:center;transition:var(--transition)}.about_card:hover{background:transparent;border-color:#fff;cursor:default}.about_icon{color:#fff;font-size:1.4rem;margin-bottom:1rem}.about_card h5{color:#fff;font-size:.95rem}.about_content p{color:#fff;margin:2rem 0 2.6rem}.about_content{margin-right:30px}.btn{margin:1rem .2rem 50px}@media screen and (max-width:1024px){.about_container{gap:0;grid-template-columns:1fr}.about_me{margin:2rem auto 4rem;width:50%}.about_content p{margin:1rem 0 1.5rem}}@media screen and (max-width:600px){.about_me{margin:0 auto 3rem;width:65%}.about_cards{gap:1rem;grid-template-columns:1fr 1fr}.about_content{align-items:center}.about_content p{margin:1rem 0}}.hero-img{background:rgba(0,0,0,.5);height:60vh;position:relative;width:100%}.hero-img:before{background:url(https://images.unsplash.com/photo-1467232004584-a241de8bcf5d?auto=format&fit=crop&q=80&w=1769&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:top;background-size:cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.hero-img h1{font-size:2.4rem}.animation1{-webkit-text-fill-color:transparent;-webkit-animation:shine 5s linear infinite;animation:shine 5s linear infinite;background:linear-gradient(90deg,#fff,#fff,#fff);-webkit-background-clip:text;background-clip:text;background-repeat:no-repeat;background-size:80%;font-size:1.4rem;letter-spacing:5px;position:relative;text-align:center}@-webkit-keyframes shine{0%{background-position-x:-500%}to{background-position-x:500%}}@keyframes shine{0%{background-position-x:-500%}to{background-position-x:500%}}@media screen and (max-width:640px){.hero-img h1{font-size:2rem}}.project-heading{padding:4rem 0 2rem;text-align:center}.project-container{grid-gap:40px;display:grid;grid-template-columns:repeat(3,1fr);margin:auto;max-width:1140px;padding-bottom:5rem}.project-card{background:#1a1919;padding:1.2rem 1rem}.project-card img{width:100%}.project-title{color:#fff;padding:1rem 0}.pro-details p{font-size:1.1rem;padding-bottom:1rem;text-align:justify}.pro-btns{display:flex;justify-content:space-between;padding:.5rem 0}.pro-btns .btn{margin-bottom:-10px;padding:.5rem 1rem}@media screen and (max-width:740px){.project-container{grid-template-columns:1fr;margin:auto;max-width:90%}}.hero-img2{background:rgba(0,0,0,.5);height:60vh;position:relative;width:100%}.hero-img2:before{background:url(https://images.unsplash.com/photo-1542435503-956c469947f6?auto=format&fit=crop&q=80&w=1974&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:top;background-size:cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.animation4{-webkit-text-fill-color:transparent;-webkit-animation:shine 5s linear infinite;animation:shine 5s linear infinite;background:linear-gradient(90deg,#fff,#fff,#fff);-webkit-background-clip:text;background-clip:text;background-repeat:no-repeat;background-size:80%;font-size:1.4rem;letter-spacing:5px;position:relative;text-align:center}label{color:#fff;margin-bottom:.5rem}form{display:flex;flex-direction:column;margin:auto;max-width:600px;padding:4rem 1rem}form input,form textarea{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.1);color:#f4f4f4;font-size:1.2rem;margin-bottom:1rem;padding:10px 19px}.hero-img5{background:rgba(0,0,0,.5);height:60vh;position:relative;width:100%}.hero-img5:before{background:url(https://images.unsplash.com/photo-1487611459768-bd414656ea10?q=80&w=1770&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:top;background-size:cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.heading{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.hero-img2 h1{font-size:2.4rem}.animation5{-webkit-text-fill-color:transparent;-webkit-animation:shine 5s linear infinite;animation:shine 5s linear infinite;background:linear-gradient(90deg,#fff,#fff,#fff);-webkit-background-clip:text;background-clip:text;background-repeat:no-repeat;background-size:80%;font-size:1.4rem;letter-spacing:5px;position:relative;text-align:center}@media screen and (max-width:640px){.hero-img2 h1{font-size:2rem}}.experience_container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:30px}.experience_container>div{background:var(--color-bg-variant);border:1px solid transparent;border-radius:2rem;padding:2.4rem 3rem;transition:var(--transition)}.experience_container>div:hover{background:transparent;border-color:#fff;cursor:default}.experience_container>div h3{color:#fff;margin-bottom:2rem;text-align:center}.experience_content{grid-row-gap:2rem;display:grid;grid-template-columns:1fr 1fr;row-gap:2rem}.experience_details{display:flex;gap:1rem}.experience_details-icon{color:var(--color-primary);margin-top:6px}@media screen and (max-width:1024px){.experience_container{grid-template-columns:1fr}.experience_container>div{margin:0 auto;padding:2rem;width:80%}.experience_content{padding:1rem}}@media screen and (max-width:600px){.experience_container{gap:1rem}.experience_container>div{padding:2rem 1rem;width:100%}}
/*# sourceMappingURL=main.24d9f0ff.css.map*/