@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap);body{height:100vh;font-family:"Poppins",arial}body,ul{margin:0}ul{list-style-type:none;padding:0}a{text-decoration:none}img{width:100%}.nav-container{background:#43a367}.nav-container button{padding:0;border:none;background:none;color:#fff;cursor:pointer;font-family:inherit;font-weight:700;font-size:14px;margin:0 1em}.nav-container button:focus{outline:none}.nav-container .social-header a{color:#000}header{display:flex;justify-content:space-between;padding:2rem}header .logo{color:#fff;font-weight:700}header ul{display:flex}header ul a{display:block;padding:0 1em}.about-design,.hero-design,.social-header{display:none}.hero{background:#49c478;color:#fff;display:grid;text-align:center;padding:4em}.hero .arrow span{display:block;width:10px;height:10px;border-bottom:3px solid #fff;border-right:3px solid #fff;margin:-5px;transform:rotate(45deg);animation:scroll 2s infinite}.hero .arrow .bottom{border-bottom:3px solid #f1ece4;border-right:3px solid #f1ece4}.hero .arrow span:nth-child(2){animation-delay:-.2s}.hero .arrow span:nth-child(3){animation-delay:-.4s}@keyframes scroll{0%{opacity:0;transform:rotate(45deg) translate(-20px,-20px)}50%{opacity:1}to{opacity:0;transform:rotate(45deg) translate(20px,20px)}}.meet{display:flex;margin:0 auto;width:200px;font-weight:700;color:#ff64cb;justify-content:center}.meet span{margin-top:1em;margin-right:.5em}section{padding:4em 2em;text-align:center}.about{position:relative}.about:before{display:unset;content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:#c2c5cc;top:0;left:0;z-index:-1}.subtitle{text-transform:uppercase;font-weight:700;color:#49c478;letter-spacing:.2em;font-size:.85em}.featured-title{color:#12302d;font-weight:700;font-size:1.3em;margin-top:-.4em;display:block}.featured-desc{color:#12302d;margin-bottom:3em;font-size:.9em;line-height:1.8em;font-weight:500}.portfolio{background:#f1ece4}.portfolio .link-container,.portfolio .tech-container{display:flex;flex-wrap:wrap}.portfolio .link,.portfolio .tech{padding:5px 10px;margin-right:15px;margin-bottom:15px}.portfolio .tech{background-color:#fff;text-transform:uppercase}.portfolio .link{border:1px solid #12302d;margin-bottom:15px;border-radius:2px;cursor:pointer}.portfolio .link a{color:#000}.portfolio .link a:hover{color:#6cc990}.portfolio span{display:none}.portfolio-container{margin-bottom:4rem}.portfolio-container a img{border-radius:1em;margin-bottom:2em}.contact{display:flex;flex-direction:column;text-align:center;margin:0 auto}.contact-social-header{display:block}.contact-social-header ul{display:flex;width:70%;margin:auto;justify-content:space-between;width:7em}.contact-social-header ul a{color:#000}.contact-left h2{color:#49c478}.contact-right{border:3px solid #0d0f11;border-radius:2px;max-width:600px;padding:25px 15px;margin-left:5px;margin-right:5px}.contact-right input{border:1px solid #0d0f11;padding:10px 12px;border-radius:2px}.contact-right input,.contact-right textarea{font-family:inherit;margin-bottom:15px;outline:none;font-size:20px;width:100%;box-sizing:border-box}.contact-right textarea{height:230px}.contact-right button{color:#fff;background-color:#0d0f11;padding:10px 15px;font-weight:500;border-radius:2px;cursor:pointer;font-size:16px;letter-spacing:.2em;text-transform:uppercase;width:100%}.contact-right button:hover{background-color:#6cc990}.scroll-top{display:none}@media only screen and (min-width:650px){.contact{display:grid;grid-template-columns:40% auto;padding:20px 10px}}@media only screen and (min-width:800px){.about,.contact,.portfolio{text-align:left}.about,.portfolio-container{display:grid;grid-template-columns:40% auto}.contact-left,.left,.portfolio-left{display:grid;place-content:center}.right{margin-left:2em;margin-top:1em}.portfolio{margin-top:-5em}.portfolio-container img{margin-left:2em}.contact-social-header ul{margin:unset}}@media only screen and (min-width:1050px){.arrow{margin-left:10px}.hero{height:100vh}.nav-container{display:grid;grid-template-columns:66% auto;background:unset}.nav-container header{background:#43a367}header{padding:2em 2em 2em 4em}.social-header{padding:2em 4em 2em 0}section{padding:4em}.social-header{display:block}.social-header ul{display:flex;justify-content:space-between;width:7em;float:right}.social-header ul img{width:20px}.hero{display:grid;grid-template-columns:66% auto;background:unset;padding:0}.hero .content{background:#49c478;padding:6em 8em 6em 4em;text-align:left}.hero .content h1{font-size:3em;line-height:1.2em}.meet{margin:unset;justify-content:left}.hero-design{display:unset;margin-left:-50%;margin-top:15%;width:100%;z-index:1}.about:before{display:none}.about-design{display:unset;margin-bottom:-15px}.portfolio img{float:right;max-width:500px}.contact{padding:60px 20px;grid-template-columns:50% auto}.scroll-top{display:unset;position:fixed;bottom:6vh;left:3%;width:50px;height:50px;border-radius:100%;background-color:#000;text-align:center;font-size:35px;cursor:pointer}.scroll-top:hover{transform:translateY(-5px)}}@media only screen and (min-width:1250px){header{padding:2em 2em 2em 10em}.social-header{padding:2em 10em 2em 0}section{padding:10em 10em 4em}.hero .content{padding:6em 8em 6em 10em}.contact{padding:60px 25px}}@media only screen and (min-width:1550px){header{padding:2em 2em 2em 20em}.social-header{padding:2em 20em 2em 0}section{padding:6em 20em 4em}.hero .content{padding:9em 20em 6em}}
/*# sourceMappingURL=main.05e21a3a.chunk.css.map */