form div:not(.form-actions) label{color:#033;display:block;font-family:Poppins,sans-serif;font-style:normal;font-weight:400;margin:10px 0 5px}form div:not(.form-actions) input,form div:not(.form-actions) textarea{border:1px solid #f9cacc;border-radius:5px;color:#2e0e0f;font-family:Poppins,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:1.15;padding:10px 8px;width:100%}form div:not(.form-actions) input::placeholder,form div:not(.form-actions) textarea::placeholder{color:rgba(211,95,95,.7);font-family:Poppins,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:1.15}form div:not(.form-actions) input:focus,form div:not(.form-actions) textarea:focus{outline-color:#d35f5f}form div:not(.form-actions) textarea{min-height:175px;resize:vertical}form div:not(.form-actions) ul.form-errors{border-left:1px solid #d35f5f;color:#de2121;font-size:.85rem;list-style:none;margin:5px 0 12px;padding-left:5px}form div.form-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-end;margin-top:15px}form div.form-actions div.recaptcha-container{font-size:.75rem;text-align:right}form div.form-actions div.recaptcha-container span{color:#d35f5f}form div.form-actions div.recaptcha-container a{color:#2e0e0f;padding:2px 1px 0;transition:background-color .2s linear,color .2s linear}form div.form-actions div.recaptcha-container a:hover{background-color:#2e0e0f;color:#fff;text-decoration:none}form div.form-actions button{background:#d35f5f;border:none;border-radius:5px;box-shadow:-4px 4px 1px #fff;color:#fff;cursor:pointer;font-size:1.25rem;padding:.75rem 1.1rem;transition:background .2s linear,box-shadow .2s linear}form div.form-actions button:hover{background:#fff;box-shadow:-4px 4px 1px #d35f5f;color:#d35f5f}.loading{margin:auto;min-height:300px;opacity:1;pointer-events:none;position:relative}.loading form{display:none}.loading:after{align-items:center;animation:spin 1s linear infinite;border:.25rem solid #fff;border-radius:50%;border-top-color:#f9cacc;content:"";display:flex;height:35px;inset:0;justify-content:center;margin:auto;position:absolute;width:35px}section#contact div#contact-form{align-self:center}section#contact div#contact-form .form-errors .error,section#contact div#contact-form .form-success{text-align:center}body{background:rgba(208,234,241,.3)}section{padding:80px 0}main{overflow:hidden}section#landing-section{align-items:center;background:#d0eaf1;display:flex;justify-content:space-between;min-height:60vh;padding:80px 12px 120px}section#landing-section h1{color:#033;max-width:450px}section#landing-section>div{gap:40px;width:100%}section#landing-section>div>img{max-width:500px;min-width:300px;width:50%}section#landing-section div.content{align-items:flex-start;display:flex;flex-direction:column;max-width:550px;position:relative;width:100%}section#landing-section div.content img.coffee{pointer-events:none;position:absolute;right:0;top:0;width:35px}section#landing-section div.content p{color:#2e0e0f}section#landing-section div.content p strong{color:#d35f5f}section#landing-section div.content a.arrow-down{align-self:center;margin-top:35px;position:relative}section#landing-section div.content a.arrow-down svg{width:48px}section#landing-section div.content a.arrow-down svg path{fill:#d35f5f;transition:fill .2s linear}section#landing-section div.content a.arrow-down:hover svg path{fill:#033}section#services div.list-services{align-items:center;display:flex;flex-wrap:wrap;gap:45px;justify-content:space-between;margin:35px auto;max-width:1500px;padding:0 12px}section#services div.list-services article{background:rgba(249,202,204,.15);border:1px solid #f9cacc;border-radius:8px;flex:1 0 500px;margin:0 auto;padding:24px 32px}section#services div.list-services article:first-child,section#services div.list-services article:nth-child(4){background:rgba(208,234,241,.3);border-color:#d0eaf1}section#services div.list-services article img{display:block;margin:auto;width:200px}section#services div.list-services article h3{color:#d35f5f;font-family:Fira Code,sans-serif;font-size:1.45rem;font-weight:700;line-height:1.15;margin:20px 0 12px;text-align:center}section#services div.list-services article ul{list-style:none}section#services div.list-services article ul li{line-height:1.3;margin-bottom:8px;text-align:center}section#services div.list-services article p.learn{padding-top:8px;text-align:center}section#services div.list-services article strong{color:#033}section#services div.list-services article a{color:#033;padding:2px 1px 0;transition:background-color .2s linear,color .2s linear}section#services div.list-services article a:hover{background-color:#033;color:#fff;text-decoration:none}section#about{background:#d0eaf1;border:1px solid rgba(211,95,95,.4);border-radius:10px;margin:auto auto 50px;max-width:1400px;padding-bottom:100px;position:relative;width:95%}section#about:after{background:rgba(211,95,95,.4);content:"";display:block;height:1px;left:-50%;position:absolute;right:-50%;top:50%;z-index:-1}section#about div.flex-div{gap:30px 100px}section#about div.flex-div strong{color:#033}section#about div.flex-div p a{color:#033;padding:2px 1px 0;transition:background-color .2s linear,color .2s linear}section#about div.flex-div p a:hover{background-color:#033;color:#fff;text-decoration:none}section#about img.code{margin-bottom:10px;pointer-events:none;width:35px}section#about img.dash-underline{display:block;margin:48px auto;pointer-events:none;width:50px}section#about div.icons-tools{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}section#about div.icons-tools span{align-items:flex-end;display:flex;justify-content:center;max-width:120px;min-height:60px}section#about div.icons-tools span img{height:70px;width:100%}section#about div.icons-tools span[data-title]{position:relative}section#about div.icons-tools span[data-title]:hover:before{background:#d35f5f;border-radius:5px;bottom:-32px;color:#fff;content:attr(data-title);display:inline-block;font-family:Fira Code,sans-serif;font-size:.85rem;font-style:normal;font-weight:500;padding:4px 6px;position:absolute;text-align:center;white-space:nowrap}section#about div.lateral{align-items:center;display:flex;flex-direction:column;gap:35px 0;max-width:450px;min-width:30%}section#about div.lateral img{max-width:350px;width:100%}section#works{padding:40px 0}section#works aside{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;margin:35px auto;padding:0 24px;text-align:center}section#works aside span{color:#d35f5f;cursor:pointer;font-family:Fira Code,sans-serif;font-size:1rem;font-style:normal;font-weight:500;text-transform:uppercase;transition:all .3s linear}section#works aside span:after,section#works aside span:before{background:#fff;content:"";display:inline-block;height:30px;margin:0 2px;opacity:0;vertical-align:middle;width:15px}section#works aside span.active,section#works aside span:hover{color:#2e0e0f}section#works aside span.active:before,section#works aside span:hover:before{background:url(/build/images/bracket-open.ae1c451d.svg) no-repeat 50%;background-size:contain;opacity:1}section#works aside span.active:after,section#works aside span:hover:after{background:url(/build/images/bracket-close.ad6be25d.svg) no-repeat 50%;background-size:contain;opacity:1}section#works div.project-list{align-items:flex-start;display:flex;flex-wrap:wrap;gap:0 12px;justify-content:center}section#works div.project-list article.project{border-radius:10px;overflow:hidden;position:relative;width:300px}section#works div.project-list article.project:nth-child(2n){margin-top:12px}section#works div.project-list article.project img{object-fit:cover;vertical-align:bottom;width:300px}section#works div.project-list article.project div{backdrop-filter:blur(2px) saturate(0);background:rgba(0,51,51,.9) url(/build/images/single-sparkle.efe38c82.svg) bottom 12px right 12px no-repeat;border:1px solid rgba(46,14,15,.9);bottom:-60%;color:#fff;left:0;opacity:0;padding:15px 20px;position:absolute;right:0;top:60%;transition:opacity .25s linear,top .25s linear,bottom .25s linear}section#works div.project-list article.project div span.tag{background:#d35f5f;border-radius:5px;display:inline-block;font-family:Fira Code,sans-serif;font-size:.85rem;font-style:normal;font-weight:500;margin-bottom:30px;margin-right:5px;padding:.3rem .5rem;text-transform:uppercase}section#works div.project-list article.project div h3{font-family:Fira Code,sans-serif;font-size:1.5rem;font-weight:500;margin-bottom:20px;position:relative}section#works div.project-list article.project div p{font-size:1rem;line-height:1.2}section#works div.project-list article.project:hover div{bottom:0;opacity:1;top:0}section#contact{background:#d0eaf1;border:1px solid rgba(211,95,95,.4);border-radius:10px;margin:80px auto 50px;max-width:1400px;position:relative;width:95%}section#contact:after{background:rgba(211,95,95,.4);content:"";display:block;height:1px;left:-50%;position:absolute;right:-50%;top:50%;z-index:-1}section#contact img.cloud{margin-bottom:15px;pointer-events:none;width:60px}section#contact div.limited-width{align-items:flex-end;gap:40px}section#contact div#contact-form{min-width:50%}section#contact div.details{align-items:flex-end;flex-wrap:wrap;gap:30px 40px;justify-content:center;margin-bottom:50px}section#contact div.details>img{display:block;margin:auto;max-width:130px}section#contact div.details ul{list-style:none}section#contact div.details ul li{margin-bottom:15px}section#contact div.details ul li a{color:#2e0e0f;padding:2px 2px 1px;text-decoration:none;transition:background-color .2s linear,color .2s linear}section#contact div.details ul li a:hover{background-color:#2e0e0f;color:#fff;text-decoration:none}section#contact div.details ul img{height:25px;margin-right:5px;object-fit:contain;object-position:right;vertical-align:text-bottom;width:25px}@media screen and (max-width:1128px){section#services div.list-services{flex-direction:column;justify-content:center}section#services div.list-services article{align-items:center;display:flex;flex:0;gap:36px;justify-content:flex-start;max-width:850px;width:100%}section#services div.list-services article:first-child{background:rgba(249,202,204,.15);border-color:#f9cacc}section#services div.list-services article:nth-child(2),section#services div.list-services article:nth-child(4){background:rgba(208,234,241,.3);border-color:#d0eaf1}section#services div.list-services article img{margin:0}section#services div.list-services article h3,section#services div.list-services article p.learn,section#services div.list-services article ul li{text-align:left}}@media screen and (max-width:860px){section{padding:60px 0}section div.flex-div{flex-direction:column}section#landing-section{gap:75px}section#about{padding-bottom:60px}section#works{padding:60px 0}div.icons-services{display:none}section#about div.lateral{flex-direction:column-reverse;margin-top:35px}section#contact div.limited-width.flex-div{align-items:center;gap:50px}section#contact div.details{margin-bottom:25px}}@media screen and (max-width:768px){h1{font-size:1.5rem}section#landing-section{padding-bottom:32px;padding-top:32px}section#landing-section div.content a.arrow-down{margin-top:12px}section#services div.list-services article{align-items:center;flex-direction:column;gap:12px;max-width:600px;padding:20px 24px}section#services div.list-services article h3,section#services div.list-services article p.learn,section#services div.list-services article ul li{text-align:center}}@media screen and (max-width:630px){section#works div.project-list{gap:12px}section#works div.project-list article.project:nth-child(2n){margin-top:0}}@media screen and (max-width:500px){section{padding:35px 0}section#about{padding-bottom:50px}section#works{padding:35px 0}section#about,section#contact{border:none;border-radius:0;width:100%}section#contact{margin-bottom:24px}section#landing-section>div>img{min-width:90%}section#services div.list-services article{flex:1 0 100%}}