*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:Poppins,sans-serif;font-size:62.5%}button,input,select,textarea{outline:none}a{text-decoration:none!important}ul{list-style:none!important}.layout,body{background-color:#1c1c1c}body{color:#fff}.highlight{color:#f83;font-weight:700}#preloader{align-items:center;background-color:#0f0f0f;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:fixed;top:0;width:100%;z-index:100}#percent{color:#fff;font-family:Neutral Face}#bar{margin-top:20px;width:60%}#barconfrm{background-color:#fff;padding:1px 0;width:1%}.container{align-items:center;background-color:gray;display:flex;height:100vh;justify-content:center;position:absolute;width:100%}.container h1{font-family:Monument;font-size:40px;opacity:0;text-transform:uppercase}.home{margin:0 auto;padding:4rem 0;width:70%}@media only screen and (max-width:1500px){.home{width:80%}}@media only screen and (max-width:1300px){.home{width:90%}}@media only screen and (max-width:1100px){.home{width:92%}}@media only screen and (max-width:600px){.home{padding:2rem 0}}.home__1{grid-gap:2rem;display:grid;grid-template-columns:repeat(2,1fr);min-height:30rem}@media only screen and (max-width:1000px){.home__1{min-height:20rem}}@media only screen and (max-width:850px){.home__1{grid-template-columns:repeat(1,1fr)}}@media only screen and (max-width:600px){.home__1{margin-bottom:8rem}}@media only screen and (max-width:550px){.home__1{margin-bottom:7.5rem}}@media only screen and (max-width:500px){.home__1{margin-bottom:7.2rem}}@media only screen and (max-width:450px){.home__1{margin-bottom:6.5rem}}@media only screen and (max-width:400px){.home__1{margin-bottom:6rem}}@media only screen and (max-width:350px){.home__1{margin-bottom:5.5rem}}@media only screen and (max-width:300px){.home__1{margin-bottom:5rem}}.home__1-1{align-items:center;background-image:radial-gradient(circle 590px at 8.2% 13.8%,#222 0,#2f2e2e 90%);border:1px solid #3b3b3b;border-radius:2rem;display:flex;justify-content:center}.home__1-1-content{display:grid;grid-template-columns:repeat(2,1fr);margin:0 auto;padding-top:2rem;width:80%}@media only screen and (max-width:600px){.home__1-1-content{grid-template-columns:1fr}}.home__1-1-img{width:100%}.home__1-1-img img{border-radius:1rem;height:90%;object-fit:cover;width:90%}@media only screen and (max-width:1350px){.home__1-1-img img{height:80%}}@media only screen and (max-width:1300px){.home__1-1-img img{height:85%;margin-top:2rem}}@media only screen and (max-width:1135px){.home__1-1-img img{height:80%;margin-top:2rem}}@media only screen and (max-width:1050px){.home__1-1-img img{height:75%;margin-top:2rem}}@media only screen and (max-width:1000px){.home__1-1-img img{height:65%;margin-top:2rem}}@media only screen and (max-width:850px){.home__1-1-img img{height:90%;margin-left:2rem}}.home__1-1-text{color:#fff}@media only screen and (max-width:850px){.home__1-1-text{text-align:center}}.home__1-1-text span{color:#9c9a9a;display:block;font-size:1.5rem;margin-bottom:1rem;margin-top:2rem}@media only screen and (max-width:1000px){.home__1-1-text span{font-size:1.2rem}}.home__1-1-text h1{font-family:Ultra,serif;font-size:3rem;font-style:normal;font-weight:550;font-weight:400;letter-spacing:1px;line-height:3.5rem;margin-bottom:1rem}@media only screen and (max-width:1000px){.home__1-1-text h1{font-size:2.5rem}}.home__1-1-text p{color:#9c9a9a;font-size:1.5rem;margin-bottom:2rem}@media only screen and (max-width:1000px){.home__1-1-text p{font-size:1.3}}.home__1-1-logo{display:flex;justify-content:end;position:relative}.home__1-1-logo img{opacity:.3;position:relative;width:4rem}@media only screen and (max-width:1000px){.home__1-1-logo img{width:3.5}}.home__1-2{display:grid;grid-template-rows:20% 80%}.home__1-2-1{background-image:radial-gradient(circle 590px at 8.2% 13.8%,#222 0,#2f2e2e 90%);border:1px solid #3b3b3b;border-radius:2rem;height:100%;overflow:hidden;padding:2rem;width:100%}@media only screen and (max-width:600px){.home__1-2-1{height:50%}}@media only screen and (max-width:500px){.home__1-2-1{margin-bottom:4rem}}@media only screen and (max-width:450px){.home__1-2-1{margin-bottom:6rem}}@media only screen and (max-width:400px){.home__1-2-1{margin-bottom:9rem}}@media only screen and (max-width:350px){.home__1-2-1{margin-bottom:12rem}}@media only screen and (max-width:300px){.home__1-2-1{margin-bottom:15rem}}.home__1-2-1-icon{color:#9c9a9a;font-size:.8rem}.home__1-2-1-marquee{color:#fff;font-size:1.3rem}.home__1-2-1-marquee ul{align-items:center;display:flex;justify-content:center}.home__1-2-1-marquee ul li{margin-left:2rem}.home__1-2-1-marquee ul li span{color:#9c9a9a}.home__1-2-2{grid-gap:2rem;display:grid;grid-template-columns:repeat(2,1fr);margin-top:2rem}@media only screen and (max-width:600px){.home__1-2-2{grid-template-columns:repeat(1,1fr);margin-top:-4rem}}@media only screen and (max-width:500px){.home__1-2-2{grid-gap:2.5rem}}@media only screen and (max-width:400px){.home__1-2-2{grid-gap:2rem}}.home__1-2-2-1-sign{margin:2rem auto;width:80%}@media only screen and (max-width:1000px){.home__1-2-2-1-sign{width:70%}}.home__1-2-2-1-sign img{height:100%;opacity:.5;width:100%}.home__1-2-2-1-title{align-items:center;color:#fff;display:flex;justify-content:space-between;margin-top:2rem}.home__1-2-2-1-title img{opacity:.3;width:4rem}@media only screen and (max-width:1000px){.home__1-2-2-1-title img{width:3.5rem}}.home__1-2-2-1-title span{color:#9c9a9a;font-size:1.3rem}@media only screen and (max-width:1000px){.home__1-2-2-1-title span{font-size:1.1rem}}.home__1-2-2-1-title h2{font-size:2rem}@media only screen and (max-width:1000px){.home__1-2-2-1-title h2{font-size:1.6rem}}.home__1-2-2-2-project{margin:0 auto;width:50%}@media only screen and (max-width:1000px){.home__1-2-2-2-project{width:50%}}.home__1-2-2-2-project img{height:100%;object-fit:cover;width:100%}.home__1-2-2-2-title{align-items:center;color:#fff;display:flex;justify-content:space-between;margin-top:2rem}@media only screen and (max-width:1000px){.home__1-2-2-2-title{margin-top:2.5rem}}.home__1-2-2-2-title img{opacity:.3;width:4rem}@media only screen and (max-width:1000px){.home__1-2-2-2-title img{width:3.5rem}}.home__1-2-2-2-title span{color:#9c9a9a;font-size:1.3rem}@media only screen and (max-width:1000px){.home__1-2-2-2-title span{font-size:1.1rem}}.home__1-2-2-2-title h2{font-size:2rem}@media only screen and (max-width:1000px){.home__1-2-2-2-title h2{font-size:1.6rem}}.home__1-2-2-1,.home__1-2-2-2{background-image:radial-gradient(circle 590px at 8.2% 13.8%,#222 0,#2f2e2e 90%);border:1px solid #3b3b3b;border-radius:2rem;display:flex;flex-direction:column;height:100%;justify-content:center;padding:3rem;width:100%}.home__2{display:grid;grid-template-columns:25% 50% 25%;margin-top:2rem;min-height:30rem}@media only screen and (max-width:1000px){.home__2{min-height:20rem}}.home__2-1{padding:3rem}@media only screen and (max-width:600px){.home__2-1{margin-top:200rem}}.home__2-1-blog{margin:0 auto;width:70%}@media only screen and (max-width:1000px){.home__2-1-blog{width:60%}}.home__2-1-blog img{height:15rem;object-fit:contain;width:100%}.home__2-1-title{align-items:center;color:#fff;display:flex;justify-content:space-between;margin-top:2.5rem}@media only screen and (max-width:1350px){.home__2-1-title{margin-top:4rem}}.home__2-1-title img{opacity:.3;width:4rem}@media only screen and (max-width:1000px){.home__2-1-title img{width:3.5rem}}.home__2-1-title span{color:#9c9a9a;font-size:1.3rem}@media only screen and (max-width:1000px){.home__2-1-title span{font-size:1.1rem}}.home__2-1-title h2{font-size:2rem}@media only screen and (max-width:1000px){.home__2-1-title h2{font-size:1.6rem}}.home__2-2{padding:3rem}.home__2-2-services{align-items:center;display:flex;justify-content:space-around}.home__2-2-services-icon{color:#fff;font-size:4rem;margin-bottom:7rem;margin-top:6rem}@media only screen and (max-width:1000px){.home__2-2-services-icon{font-size:3rem;margin-top:4rem}}.home__2-2-title{align-items:center;color:#fff;display:flex;justify-content:space-between;margin-top:2rem}@media only screen and (max-width:1350px){.home__2-2-title{margin-top:2rem;margin-top:1rem}}.home__2-2-title img{opacity:.3;width:4rem}@media only screen and (max-width:1000px){.home__2-2-title img{width:3.5rem}}.home__2-2-title span{color:#9c9a9a;font-size:1.3rem}@media only screen and (max-width:1000px){.home__2-2-title span{font-size:1.1rem}}.home__2-2-title h2{font-size:2rem}@media only screen and (max-width:1000px){.home__2-2-title h2{font-size:1.6rem}}.home__2-3{padding:2rem}@media only screen and (max-width:1000px){.home__2-3{padding:2.5rem}}.home__2-3-social{align-items:center;background-image:radial-gradient(circle 590px at 8.2% 13.8%,#282828 0,#2c2c2c 90%);border:1px solid #2e2e2e;border-radius:2rem;display:flex;justify-content:space-around}.home__2-3-social-icon{background-image:radial-gradient(circle 590px at 8.2% 13.8%,#2f2e2e 0,#2c2c2c 90%);border:1px solid #3b3b3b;border-radius:50%;color:#fff;font-size:4rem;margin-bottom:3rem;margin-top:3rem;padding:2rem}@media only screen and (max-width:1000px){.home__2-3-social-icon{font-size:3rem;padding:1.5rem}}.home__2-3-title{align-items:center;color:#fff;display:flex;justify-content:space-between;margin-top:4.5rem}@media only screen and (max-width:1000px){.home__2-3-title{margin-top:3rem}}.home__2-3-title img{opacity:.3;width:4rem}@media only screen and (max-width:1000px){.home__2-3-title img{width:3.5rem}}.home__2-3-title span{color:#9c9a9a;font-size:1.3rem}@media only screen and (max-width:1000px){.home__2-3-title span{font-size:1.1rem}}.home__2-3-title h2{font-size:2rem}@media only screen and (max-width:1000px){.home__2-3-title h2{font-size:1.6rem}}.home__2-1,.home__2-2,.home__2-3{background-image:radial-gradient(circle 590px at 8.2% 13.8%,#222 0,#2f2e2e 90%);border:1px solid #3b3b3b;border-radius:2rem;height:100%}.home__2-2{margin-left:2rem;margin-right:2rem}.home__3{grid-gap:2rem;display:grid;grid-template-columns:repeat(2,1fr);margin-top:2rem;min-height:30rem}@media only screen and (max-width:1000px){.home__3{miin-height:30rem}}@media only screen and (max-width:850px){.home__3{grid-template-columns:repeat(1,1fr)}}.home__3-1{grid-gap:2rem;display:grid;grid-template-columns:repeat(3,1fr);padding:3rem;place-content:center}@media only screen and (max-width:600px){.home__3-1{grid-template-columns:repeat(1,1fr)}}.home__3-1-card{background-image:radial-gradient(circle 590px at 8.2% 13.8%,#2f2e2e 0,#2c2c2c 90%);border:1px solid #3b3b3b;border-radius:2rem;color:#fff;padding:3rem;text-align:center}.home__3-1-card h1{font-size:5rem;font-weight:400}@media only screen and (max-width:1000px){.home__3-1-card h1{font-size:4rem}}.home__3-1-card p{color:#9c9a9a;font-size:1.2rem}.home__3-2{align-items:end;display:flex;justify-content:space-between;overflow:hidden;padding:3rem;position:relative}.home__3-2-icon{color:#fff;color:#383838;font-size:30rem;position:absolute;right:2rem;-webkit-transform:rotate(20deg);transform:rotate(20deg);z-index:0}.home__3-2 h1{color:#fff;font-size:5rem;z-index:1}@media only screen and (max-width:1200px){.home__3-2 h1{font-size:4rem}}@media only screen and (max-width:1000px){.home__3-2 h1{font-size:3rem}}.home__3-2 h1 span{color:#f83}.home__3-2 img{opacity:.3;width:4rem}.home__3-1,.home__3-2{background-image:radial-gradient(circle 590px at 8.2% 13.8%,#222 0,#2f2e2e 90%);border:1px solid #3b3b3b;border-radius:2rem;height:100%}.home__tablet-1{grid-gap:2rem;display:grid;grid-template-columns:repeat(2,1fr);margin-top:2rem;min-height:10rem}@media only screen and (max-width:600px){.home__tablet-1{grid-template-columns:repeat(1,1fr);margin-top:2.6rem}}@media only screen and (max-width:500px){.home__tablet-1{margin-top:-2.6rem}}@media only screen and (max-width:450px){.home__tablet-1{margin-top:-3.7rem}}@media only screen and (max-width:300px){.home__tablet-1{margin-top:-2.5rem}}.home__tablet-1-1{padding:3rem}.home__tablet-1-1-blog{margin:0 auto;width:30%}.home__tablet-1-1-blog img{height:100%;width:100%}.home__tablet-1-1-title{align-items:center;color:#fff;display:flex;justify-content:space-between}.home__tablet-1-1-title img{opacity:.3;width:4rem}.home__tablet-1-1-title span{color:#9c9a9a;font-size:1.3rem}@media only screen and (max-width:1000px){.home__tablet-1-1-title span{font-size:1.1rem}}.home__tablet-1-1-title h2{font-size:2rem}@media only screen and (max-width:1000px){.home__tablet-1-1-title h2{font-size:1.6rem}}.home__tablet-1-2{padding:2rem}.home__tablet-1-2-social{align-items:center;background-image:radial-gradient(circle 590px at 8.2% 13.8%,#282828 0,#2c2c2c 90%);border:1px solid #2e2e2e;border-radius:2rem;display:flex;justify-content:space-around}.home__tablet-1-2-social-icon{background-image:radial-gradient(circle 590px at 8.2% 13.8%,#2f2e2e 0,#2c2c2c 90%);border:1px solid #3b3b3b;border-radius:50%;color:#fff;font-size:4rem;margin-bottom:3rem;margin-top:3rem;padding:2rem}.home__tablet-1-2-title{align-items:center;color:#fff;display:flex;justify-content:space-between}.home__tablet-1-2-title img{opacity:.3;width:4rem;width:3.5rem}.home__tablet-1-2-title span{color:#9c9a9a;font-size:1.3rem}@media only screen and (max-width:1000px){.home__tablet-1-2-title span{font-size:1.1rem}}.home__tablet-1-2-title h2{font-size:2rem}@media only screen and (max-width:1000px){.home__tablet-1-2-title h2{font-size:1.6rem}}.home__tablet-1-1,.home__tablet-1-2,.home__tablet-2{background-image:radial-gradient(circle 590px at 8.2% 13.8%,#222 0,#2f2e2e 90%);border:1px solid #3b3b3b;border-radius:2rem;height:100%}.home__tablet-2{margin-top:2rem;min-height:20rem;padding:3rem}.home__tablet-2-services{align-items:center;display:flex;justify-content:space-around}.home__tablet-2-services-icon{color:#fff;font-size:4rem;margin-bottom:7rem;margin-top:6rem}@media only screen and (max-width:1000px){.home__tablet-2-services-icon{font-size:3rem;margin-top:4rem}}.home__tablet-2-title{align-items:center;color:red;display:flex;justify-content:space-between;margin-top:2rem}@media only screen and (max-width:1350px){.home__tablet-2-title{margin-top:2rem;margin-top:1rem}}.home__tablet-2-title img{opacity:.3;width:4rem}@media only screen and (max-width:1000px){.home__tablet-2-title img{width:3.5rem}}.home__tablet-2-title span{color:#9c9a9a;font-size:1.3rem}@media only screen and (max-width:1000px){.home__tablet-2-title span{font-size:1.1rem}}.home__tablet-2-title h2{font-size:2rem}@media only screen and (max-width:1000px){.home__tablet-2-title h2{font-size:1.6rem}}@-webkit-keyframes my-animation{0%{-webkit-transform:translateX(100%)}to{-webkit-transform:translateX(-100%)}}@keyframes my-animation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.navbar{width:100%}.navbar__container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;padding:3rem 0;width:70%}@media only screen and (max-width:1500px){.navbar__container{width:80%}}@media only screen and (max-width:1300px){.navbar__container{width:90%}}@media only screen and (max-width:1100px){.navbar__container{width:92%}}.navbar__logo img{width:6rem}.navbar__menu{align-items:center;display:flex;justify-content:space-between}@media only screen and (max-width:1000px){.navbar__menu{display:none}}.navbar__menu li{margin:0 3rem}.navbar__menu li a{color:#fff;font-size:1.7rem}.navbar__contact a{background-image:radial-gradient(circle 590px at 8.2% 13.8%,#222 0,#2f2e2e 90%);border:1px solid #3b3b3b;border-radius:2rem;color:#f83;font-size:1.7rem;padding:1.3rem 3rem}.about{width:100%}.about__container{margin:0 auto 4rem;width:70%}@media only screen and (max-width:1500px){.about__container{width:80%}}@media only screen and (max-width:1300px){.about__container{width:90%}}@media only screen and (max-width:1100px){.about__container{width:92%}}.about__1{display:grid;grid-template-columns:30% 70%;min-height:20rem}@media only screen and (max-width:1000px){.about__1{grid-template-columns:1fr}}.about__1-1{background-image:radial-gradient(circle 590px at 8.2% 13.8%,#222 0,#2f2e2e 90%);border:1px solid #3b3b3b;border-radius:2rem;min-height:20rem;padding:3rem}@media only screen and (max-width:1000px){.about__1-1{height:40rem;margin:0 auto;width:40rem}}@media only screen and (max-width:1000px) and (max-width:500px){.about__1-1{height:30rem;width:30rem}}.about__1-1 img{border-radius:2rem;height:100%;object-fit:cover;width:100%}.about__1-2{height:100%;margin-left:2rem}@media only screen and (max-width:1000px){.about__1-2{margin-left:0}}.about__1-2 h1{font-family:Ultra,serif;font-size:7rem;letter-spacing:1px;text-align:center}@media only screen and (max-width:1000px){.about__1-2 h1{margin:1.5rem auto}}@media only screen and (max-width:800px){.about__1-2 h1{font-size:6rem}}@media only screen and (max-width:650px){.about__1-2 h1{font-size:5rem}}@media only screen and (max-width:500px){.about__1-2 h1{font-size:4rem}}@media only screen and (max-width:400px){.about__1-2 h1{font-size:3rem}}.about__1-2-2{background-image:radial-gradient(circle 590px at 8.2% 13.8%,#222 0,#2f2e2e 90%);border:1px solid #3b3b3b;border-radius:2rem;padding:3rem}.about__1-2-2 .icon{color:#9c9a9a;font-size:8rem;margin-bottom:2rem}.about__1-2-2 h2{font-size:3rem;margin-bottom:1rem}.about__1-2-2 p{font-size:1.5rem;line-height:2.3rem}.about__2{grid-gap:2rem;display:grid;grid-template-columns:repeat(2,1fr);margin-top:2rem}@media only screen and (max-width:1000px){.about__2{grid-template-columns:repeat(1,1fr)}}.about__2-1,.about__2-2{background-image:radial-gradient(circle 590px at 8.2% 13.8%,#222 0,#2f2e2e 90%);border:1px solid #3b3b3b;border-radius:2rem;padding:3rem}.about__2-1 h4,.about__2-2 h4{font-size:3rem;margin-bottom:2rem}.about__2-1 div,.about__2-2 div{margin-top:2rem}.about__2-1 h6,.about__2-2 h6{font-size:2rem;margin:.5rem 0}.about__2-1 p,.about__2-1 span,.about__2-2 p,.about__2-2 span{color:#9c9a9a;font-size:1.5rem}.about__3{display:grid;grid-template-columns:25% 50% 25%;margin-top:2rem;min-height:30rem}.about__3 div:nth-child(2){margin:0 2rem}.about__tablet{grid-gap:2rem;display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:2rem;margin-top:2rem}@media only screen and (max-width:800px){.about__tablet{grid-template-columns:repeat(1,1fr)}}.credentials{width:100%}.credentials__container{display:grid;grid-template-columns:30% 70%;margin:4rem auto 2rem;width:70%}@media only screen and (max-width:1500px){.credentials__container{width:80%}}@media only screen and (max-width:1300px){.credentials__container{width:90%}}@media only screen and (max-width:1100px){.credentials__container{grid-template-columns:1fr;width:92%}}.credentials__right{margin-left:5rem}@media only screen and (max-width:1100px){.credentials__right{margin-left:0;margin-top:5rem}}.credentials__about{margin-bottom:3rem}.credentials__about h3{font-size:2rem;margin-bottom:2rem}.credentials__about p{font-size:1.4rem}.credentials__experience{margin-bottom:3rem}.credentials__experience h3{font-size:2rem;margin-bottom:2rem}.credentials__experience-experience{margin-bottom:1.5rem}.credentials__experience-experience span{color:#9c9a9a;font-size:1.4rem}.credentials__experience-experience h4{font-size:1.6rem;font-weight:400;margin-bottom:1.5rem}.credentials__experience-experience p{font-size:1.4rem}.credentials__skills{margin-bottom:3rem}.credentials__skills h3{font-family:Ultra,serif;font-size:3rem;letter-spacing:1px;margin-bottom:2rem}.credentials__skills h4{font-size:2.5rem;margin-bottom:2rem}.credentials__skills-skills{grid-gap:2rem;display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:2rem}.credentials__skills-skill{background-image:radial-gradient(circle 590px at 8.2% 13.8%,#2f2e2e 0,#2c2c2c 90%);border:1px solid #3b3b3b;border-radius:2rem;padding:1rem}.credentials__skills-skill img{height:100%;margin:0 auto;object-fit:contain;width:100%}.credentials__left{position:relative}.credentials__profile{background-image:radial-gradient(circle 590px at 8.2% 13.8%,#222 0,#2f2e2e 90%);border:1px solid #3b3b3b;border-radius:2rem;padding:3rem;text-align:center}@media only screen and (max-width:1100px){.credentials__profile{margin:0 auto;padding:3rem;width:60%}}@media only screen and (max-width:800px){.credentials__profile{width:100%}}.credentials__profile img{border-radius:2rem;margin-bottom:1.5rem;width:100%}.credentials__profile h1{font-size:2.5rem;margin-bottom:.5rem}.credentials__profile p{color:#9c9a9a;font-size:1.5rem;margin-bottom:3rem}.credentials__profile-contact{align-items:center;background-image:radial-gradient(circle 590px at 8.2% 13.8%,#424141 0,#2c2c2c 90%);border:1px solid #3b3b3b;border-radius:2rem;color:#fff;display:flex;font-size:1.5rem;justify-content:center;margin-top:2rem;padding:1.5rem;width:100%}.credentials__profile ul{display:flex;justify-content:space-around;margin:0 auto;width:80%}.credentials__profile ul li{background-image:radial-gradient(circle 590px at 8.2% 13.8%,#2f2e2e 0,#2c2c2c 90%);border:1px solid #3b3b3b;border-radius:50%;font-size:2rem;padding:.8rem 1.5rem}.credentials__profile ul li a{color:#fff}.video-outer.macbook-frame{background-image:url(https://haaans.com/img/macbook-frame.png);background-repeat:no-repeat;background-size:100%;display:block;height:0;margin:0 auto;overflow:hidden;padding-top:58%;position:relative;width:100%;z-index:1}.video-outer .macbook-screen-container{height:100%;left:12%;overflow:hidden;position:absolute;top:7%;width:76%}.video-outer .macbook-screen-container img{height:80%;object-fit:cover;width:100%}.macbook{text-align:center}.macbook h2{font-size:2rem;margin-bottom:2rem}.projects{width:100%}.projects__container{margin:0 auto;width:70%}@media only screen and (max-width:1500px){.projects__container{width:80%}}@media only screen and (max-width:1300px){.projects__container{width:90%}}@media only screen and (max-width:1100px){.projects__container{width:92%}}@media only screen and (max-width:1200px){.projects__container{grid-template-columns:1fr}}.projects__container h1{font-size:3rem;margin-bottom:3rem}.projects__container h1 span{color:#f83}.projects__projects{grid-gap:4rem;display:grid;grid-template-columns:repeat(1,1fr);margin-bottom:3rem}.projects__projects-project{grid-gap:2rem;display:grid;grid-template-columns:35% 65%}@media only screen and (max-width:1000px){.projects__projects-project{grid-template-columns:repeat(1,1fr)}}.projects__projects-project img{height:100%;object-fit:contain;width:100%}.projects__projects-project-technologies{display:flex;flex-wrap:wrap}.projects__projects-project-technologies img{margin-right:.5rem;width:3rem}.projects__projects-project-action{margin-top:2rem}.projects__projects-project-action a{border:1px solid #3b3b3b;border-radius:.5rem;color:#fff;font-size:1.5rem;margin-right:1rem;padding:.5rem 2rem}.projects__projects-project-action a:first-child{color:#fff}.projects__projects-project-action a:first-child span{color:#f83;margin-left:.5rem}.projects__projects-project-content{padding-top:1rem}.projects__projects-project-content h2{font-size:2.5rem;margin-bottom:2rem}.projects__projects-project-content p{font-size:1.4rem;line-height:1.8rem;margin-bottom:2rem}.projects__projects-project-content h3{font-size:2rem;margin-bottom:1rem}.services{width:100%}.services__container{margin:4rem auto;width:70%}@media only screen and (max-width:1500px){.services__container{width:80%}}@media only screen and (max-width:1300px){.services__container{width:90%}}@media only screen and (max-width:1100px){.services__container{width:92%}}.services__1{display:grid;grid-template-columns:30% 70%}@media only screen and (max-width:1200px){.services__1{grid-template-columns:1fr;margin-bottom:2rem}}.services__1-left{background-image:radial-gradient(circle 590px at 8.2% 13.8%,#222 0,#2f2e2e 90%);border:1px solid #3b3b3b;border-radius:2rem;margin-right:2rem;padding:2rem}@media only screen and (max-width:1200px){.services__1-left{margin-right:0}}.services__1-left ul{display:flex;flex-direction:column;font-size:2rem;height:100%;justify-content:space-around;margin-left:2rem;width:100%}@media only screen and (max-width:1200px){.services__1-left ul{flex-direction:row;flex-wrap:wrap;margin-left:0}.services__1-left ul li{display:block;text-align:center}}@media only screen and (max-width:800px){.services__1-left ul li{margin:2rem 3rem}}@media only screen and (max-width:1200px){.services__1-left ul li span{display:block;text-align:center}}.services__1-left ul .icon{font-size:2.5rem;margin-right:3rem}@media only screen and (max-width:1200px){.services__1-left ul .icon{margin-right:0}}.services__1-right h1{font-family:Ultra,serif;font-size:6rem;letter-spacing:1px;text-align:center}@media only screen and (max-width:900px){.services__1-right h1{font-size:5rem;margin-bottom:2rem}}@media only screen and (max-width:600px){.services__1-right h1{font-size:4rem}}@media only screen and (max-width:450px){.services__1-right h1{font-size:3rem}}.services__1-right-services{grid-gap:2rem;background-image:radial-gradient(circle 590px at 8.2% 13.8%,#222 0,#2f2e2e 90%);border:1px solid #3b3b3b;border-radius:2rem;display:grid;grid-template-columns:repeat(2,1fr);padding:2rem}@media only screen and (max-width:750px){.services__1-right-services{grid-template-columns:repeat(1,1fr)}}.services__1-right-box{background-image:radial-gradient(circle 590px at 8.2% 13.8%,#2f2e2e 0,#2c2c2c 90%);border:1px solid #3b3b3b;border-radius:2rem;padding:2rem}.services__1-right-box h5{color:#9c9a9a;font-size:2rem;margin-bottom:2rem}.services__1-right-box p{font-size:1.5rem;line-height:3rem}.contact{width:100%}.contact__container{display:grid;grid-template-columns:30% 70%;margin:5rem auto;width:70%}@media only screen and (max-width:1500px){.contact__container{width:80%}}@media only screen and (max-width:1300px){.contact__container{width:90%}}@media only screen and (max-width:1100px){.contact__container{width:92%}}@media only screen and (max-width:1200px){.contact__container{grid-template-columns:1fr}.contact__info{margin-bottom:4rem}}.contact__info h2{font-size:2rem;font-weight:400;margin-bottom:3rem}.contact__info-info{margin-bottom:2rem}@media only screen and (max-width:1200px){.contact__info-info{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}}.contact__info-info li{align-items:center;display:flex;margin-bottom:3rem}.contact__info-info-icon{padding:1.5rem 2rem}.contact__info-info-icon,.contact__info-info-iconlast{background-image:radial-gradient(circle 590px at 8.2% 13.8%,#222 0,#2f2e2e 90%);border:1px solid #3b3b3b;border-radius:1rem;font-size:2.5rem;margin-right:2rem}.contact__info-info-iconlast{padding:1.4rem 2.4rem}.contact__info-info-text{font-size:1.5rem}.contact__info-info-text span{color:#9c9a9a;display:block;margin-bottom:.5rem}.contact__info-social{display:flex;justify-content:space-between;width:90%}@media only screen and (max-width:1200px){.contact__info-social{display:none}}.contact__info-social li{background-image:radial-gradient(circle 590px at 8.2% 13.8%,#2f2e2e 0,#2c2c2c 90%);border:1px solid #3b3b3b;border-radius:50%;font-size:3rem;padding:1.6rem 2.6rem}.contact__form{background-image:radial-gradient(circle 590px at 8.2% 13.8%,#222 0,#2f2e2e 90%);border:1px solid #3b3b3b;border-radius:2rem;display:flex;flex-direction:column;padding:3rem}.contact__form-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.contact__form-title h1{font-size:4rem}@media only screen and (max-width:700px){.contact__form-title h1{font-size:3rem}}@media only screen and (max-width:600px){.contact__form-title h1{font-size:2.5rem}}@media only screen and (max-width:500px){.contact__form-title h1{font-size:2rem}}.contact__form-title h1 span{color:#f83}.contact__form-title img{opacity:.3;width:5rem}@media only screen and (max-width:700px){.contact__form-title img{width:4rem}}@media only screen and (max-width:600px){.contact__form-title img{width:3.5rem}}@media only screen and (max-width:500px){.contact__form-title img{width:3rem}}@media only screen and (max-width:400px){.contact__form-title img{display:none}}.contact__form input,.contact__form textarea{background-color:#333;border:1px solid #3b3b3b;border-radius:1rem;color:#fff;margin-bottom:1.5rem;padding:1.5rem}.contact__form button{background-color:#2b2a2a;border:1px solid #504f4f;border-radius:1rem;color:#fff;font-size:1.5rem;margin-bottom:1.5rem;padding:1.5rem}
/*# sourceMappingURL=main.06a5a277.css.map*/