@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap);*{box-sizing:border-box;font-family:Lato,sans-serif;margin:0;padding:0;text-decoration:none}:root{--red:#cd3128;--red-dark:#ab261f;--red-text:#ef403f;--dark-light:#181818;--dark:#111;--light:#fff}html{scroll-behavior:smooth}body{background-color:#111;background-color:var(--dark);color:#fff;color:var(--light)}.container,.header-inner{margin:auto;max-width:1200px;padding:0 20px;width:100%}.btn{align-items:center;border:none;cursor:pointer;display:flex;justify-content:center;outline:none;transition:.3s}.btn,img{width:100%}header{height:100px}header.sticky{background:#181818;background:var(--dark-light);box-shadow:0 0 5px hsla(0,0%,100%,.6);height:70px;position:-webkit-sticky;position:sticky;top:0;transition:.3s;z-index:10}header .header-inner{align-items:center;display:flex;height:100%;justify-content:space-between}.header-inner .logo{color:#ef403f;color:var(--red-text);font-size:30px;font-weight:900;line-height:40px}.header-inner .link{color:#fff;color:var(--light);font-size:18px;font-weight:700;line-height:24px;margin-right:30px;transition:.3s}.header-inner .link:hover{color:#ef403f;color:var(--red-text)}header .menu,header .mobile-links{display:none}.banner .banner-wrapper{align-items:center;display:flex;height:calc(100vh - 120px);justify-content:space-between;margin-top:50px;padding:10px 0}.banner .banner-img{flex:0 0 50%;margin-right:-10%;max-width:50%;position:relative}#profile{width:60%}.banner .banner-content h6{color:#ef403f;color:var(--red-text);font-size:18px;font-weight:600;line-height:26px}.banner .banner-content h3{color:#fff;color:var(--light);font-size:40px;font-weight:900;line-height:50px;margin:6px 0}.banner .banner-content p{color:#fff;color:var(--light);font-size:16px;line-height:26px}.banner .banner-content .btn{background:#cd3128;background:var(--red);background:linear-gradient(90deg,#ab261f 0,#ab261f 21%,#cd3128);background:linear-gradient(to right,var(--red-dark) 0,var(--red-dark) 21%,var(--red) 100%);border:1px solid #ab261f;border:1px solid var(--red-dark);color:#fff;color:var(--light);font-weight:600;height:50px;margin-top:10px;max-width:150px}.banner .banner-content .btn:hover{background:transparent}.services-experience{padding:100px 0;position:relative}.services-experience:before{background:#181818;background:var(--dark-light);bottom:0;content:"";height:100%;left:0;position:absolute;top:0;width:50%;z-index:-1}.experiences,.portfolios,.services{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.services .service{background:#1e1e1e;flex-basis:calc(33.33% - 10px);flex-grow:0;flex-shrink:0;max-width:calc(33.33% - 10px);padding:50px;transition:.3s;width:100%}.service i{color:#ef403f;color:var(--red-text);font-size:40px;margin-bottom:10px}.service h3{font-size:24px;line-height:34px;margin-bottom:15px}.service p{font-size:16px;line-height:24px;margin-bottom:15px}.service .btn{background:none;color:#cd3128;color:var(--red);font-weight:700;justify-content:flex-start;letter-spacing:1px;text-transform:uppercase}.services .service.active,.services .service:hover{background:#cd3128;background:var(--red)}.service.active .btn,.service.active i,.service:hover .btn,.service:hover i{color:#fff;color:var(--light)}.service .btn:hover{-webkit-transform:translateX(10px);transform:translateX(10px)}.experiences{margin-top:100px}.experience{align-items:center;display:flex;flex-basis:calc(33.33% - 10px);flex-direction:column;flex-grow:0;flex-shrink:0;justify-content:center;max-width:calc(33.33% - 10px);width:100%}.experience h3{color:#ef403f;color:var(--red-text);font-size:80px;font-weight:900;line-height:90px}.experience p{font-size:24px;font-weight:900;line-height:30px}.portfolios{flex-basis:calc(66.66% - 10px);max-width:calc(66.66% - 10px)}.portfolio,.portfolios{display:flex;flex-grow:0;flex-shrink:0;width:100%}.portfolio{align-items:center;background:#1e1e1e;flex-basis:calc(50% - 10px);flex-direction:column;height:150px;justify-content:center;margin-bottom:20px;max-width:calc(50% - 10px)}.portfolio h4{color:#ef403f;color:var(--red-text);font-size:30px;font-weight:900;line-height:40px}.portfolio p{font-size:16px;line-height:24px;margin-top:10px}.projects{padding:100px 0}.projects .title{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.projects .title h3{font-size:24px;font-weight:900;line-height:30px;text-transform:uppercase}.projects .title .btn{background:linear-gradient(90deg,#ab261f 0,#ab261f 21%,#cd3128);background:linear-gradient(to right,var(--red-dark) 0,var(--red-dark) 21%,var(--red) 100%);border:1px solid #ab261f;border:1px solid var(--red-dark);color:#fff;font-weight:600;height:50px;max-width:150px;text-transform:uppercase}.projects .title .btn:hover{background:transparent}.projects-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between}.projects-wrapper .project{flex-basis:calc(50% - 10px);flex-grow:0;flex-shrink:0;margin-bottom:30px;max-width:calc(50% - 10px);width:100%}.project .img-container{align-items:center;background-color:#1e1e1e;display:flex;justify-content:center;overflow:hidden;padding:60px 0;width:100%}.project .img-container img{box-shadow:0 5px 10px #111;box-shadow:0 5px 10px var(--dark);height:300px;object-fit:cover;transition:.3s;width:90%}.project:hover .img-container img{-webkit-transform:scale(1.2);transform:scale(1.2)}.project .description{align-items:center;border-bottom:2px solid #ab261f;border-bottom:2px solid var(--red-dark);border-top:2px solid #ab261f;border-top:2px solid var(--red-dark);display:flex;justify-content:space-between;margin:15px 0;padding:15px 0}.project .description h4{font-size:20px;font-weight:900;text-transform:uppercase}.project .links a{margin-right:15px}.project i{color:#fff;color:#ef403f;color:var(--red-text);cursor:pointer;font-size:24px;transition:.3s}.project i:hover{color:#fff}footer{background:#181818;background:var(--dark-light)}footer .container{align-items:center;display:flex;height:80px;justify-content:space-between}footer .links,footer .logo,footer p{flex:0 0 33.33%;max-width:33.33%;width:100%}footer .logo{color:#ef403f;color:var(--red-text);font-size:30px;font-weight:900;line-height:40px}footer .links{align-items:center;display:flex;justify-content:center}footer a,footer p{color:#fff;cursor:pointer;font-size:20px;line-height:30px;margin:0 15px;transition:.3s}footer a:hover{color:#ef403f;color:var(--red-text)}footer p{align-items:center;display:flex;justify-content:flex-end}footer p i{color:#ef403f;color:var(--red-text);font-size:20px;line-height:30px;margin-right:15px}@media (max-width:969px){.services-experience:before{width:40%}.services .service{flex-basis:calc(50% - 10px);flex-grow:0;flex-shrink:0;margin-bottom:20px;max-width:calc(50% - 10px)}.project .img-container{padding:0}.project .img-container img{height:100%;width:100%}}@media (max-width:767px){header .links{display:none}header .menu{cursor:pointer;display:block;font-size:20px}header .mobile-links.active{background:#181818;background:var(--dark-light);bottom:0;display:block;display:flex;flex-direction:column;padding:100px 40px;position:fixed;right:0;top:70px;transition:.3s;width:250px;z-index:9}header .mobile-links.active a{border-bottom:2px solid transparent;color:#ef403f;color:var(--red-text);display:inline;font-size:20px;line-height:30px;margin-bottom:20px;padding-bottom:3px;transition:.3s}header .mobile-links.active a:hover{border-color:#ef403f;border-color:var(--red-text)}.banner .banner-wrapper{flex-wrap:wrap;height:auto;padding:50px 0}.banner .banner-img{flex:0 0 100%;margin-bottom:20px;max-width:100%}}@media (max-width:660px){.banner .banner-content h3{font-size:30px;line-height:40px}.services-experience:before{width:0}.experience,.portfolios,.services .service{flex:0 0 100%;max-width:100%}.experience,.portfolios{margin-bottom:40px}.projects-wrapper .project{flex:0 0 100%;max-width:100%}footer .container{flex-wrap:wrap;height:auto;padding:20px}footer .links,footer .logo,footer p{flex:0 0 100%;justify-content:center;margin-bottom:20px;max-width:100%;text-align:center}footer p{margin-bottom:0}}@media (max-width:500px){.portfolio{flex:0 0 100%;max-width:100%}section{padding:50px 0!important}.projects .title{flex-wrap:wrap}.projects .title .btn{font-size:16px;height:40px;line-height:24px;margin-bottom:20px;max-width:100px}.projects .title h3{font-size:20px;line-height:30px;margin-bottom:20px}}
/*# sourceMappingURL=main.8ea0eebb.css.map*/