:root{--color-primary:#172b4d;--color-primary-dark:#102445;--color-secondary:#36b37e;--color-secondary-dark:#26865e;--color-secondary-light:#c5e9da;--color-grey-1:#fefefe;--color-grey-2:#ebf0ee}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{font-family:Inter,sans-serif;font-size:1.8rem;color:#333;line-height:1.6;font-weight:400;width:100%;overflow-x:hidden;position:relative}.m-b-s{margin-bottom:2rem}.m-b-m{margin-bottom:3rem}.m-b-l{margin-bottom:4rem}.m-b-xl{margin-bottom:6rem}.m-t-s{margin-top:2rem}.m-t-m{margin-top:3rem}.m-t-l{margin-top:4rem}.m-t-xl{margin-top:6rem}.backdrop{position:fixed;left:0;top:0;width:100%;background-color:rgba(0,0,0,.325);z-index:1000;padding:6rem 0;height:100%;overflow-y:auto}.modal{display:grid;grid-template-columns:repeat(2,1fr);width:80%;padding:2rem 2rem 3rem;background-color:#fff;border-radius:1rem;margin:0 auto}.modal-close-icon{grid-column:1/-1;cursor:pointer;margin-left:auto;margin-bottom:-5rem;margin-right:.5rem;z-index:2;fill:#aaa}.modal-img{grid-row:2/3;grid-column:1/-1;width:100%}.modal .button-container{order:4;gap:3rem;grid-column:1/-1;padding-top:2rem}.modal .button-container .link-one{margin-right:2rem}.modal .button-container img{width:1.8rem;height:1.8rem;margin-bottom:-.5rem}.modal>h2{grid-row:3/4;grid-column:1/-1;line-height:1.2;margin:.6rem 0}.modal-skills{grid-row:4/5;grid-column:1/-1;list-style:none;display:flex;gap:1rem;margin:1rem 0;flex-wrap:wrap}.modal-skills li{background-color:#cbcbcb;padding:2px .8rem;border-radius:4px}.modal-description{grid-column:1/-1}.logo a{font-size:2rem;transform-origin:center;display:inline-block}.logo a img{height:3rem;width:3rem}.modal a:link,.modal a:visited{text-decoration:none;padding:.8rem;border-radius:.6rem;color:#fff;font-size:1.4rem;display:inline-block}.modal a:active,.modal a:hover,.modal a:link,.modal a:visited{background-color:var(--color-secondary)}.menu-icons-container{height:100%;width:-moz-fit-content;width:fit-content;justify-self:stretch;z-index:900}.menu-icon{width:2rem;height:1.6rem;fill:#3a4a42;cursor:pointer}.margin-left{margin-left:auto}.row{max-width:90%;margin:0 auto}.header{height:6rem;background-color:var(--color-grey-1);box-shadow:0 1rem 2rem rgba(0,0,0,.05);position:-webkit-sticky;position:sticky;top:0;left:0;z-index:600}.header,.header-content{display:flex;align-items:center}.header-content{flex:1 1;justify-content:space-between}.logo{margin-right:auto;flex:1 1}.logo a:link,.logo a:visited{text-decoration:none;color:#3a4a42;font-weight:600;transition:all .2s}.logo a:active,.logo a:hover{color:#172b4d;font-weight:600}@keyframes logoRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nav{align-items:center}.menu-list,.nav{display:flex;flex:1 1}.menu-list{list-style:none;position:absolute;top:0;left:0;width:100%;background-color:#fff;padding-top:4rem;padding-left:20%;padding-bottom:4rem;flex-direction:column;justify-content:flex-start;gap:5rem;min-height:100vh}.menu-link:link,.menu-link:visited{text-decoration:none;color:#3a4a42;font-weight:600;font-size:2rem;cursor:pointer}.menu-link:active,.menu-link:hover{color:#1e488f}.section-hero{background-image:linear-gradient(to right bottom,hsla(0,0%,100%,.8),hsla(0,0%,100%,.8)),url(/_next/static/media/hero.85ed829b.png);min-height:calc(100vh - 80px);background-size:cover;background-repeat:no-repeat;background-position:50%;padding:4rem 0}.hero-content,.section-hero{display:flex;flex-direction:column;justify-content:center}.hero-content{gap:3rem}.header-text{text-align:center;line-height:1.2}.heading-primary{color:var(--color-primary);font-size:2.4rem;font-weight:800;margin-bottom:1.6rem}.heading-secondary{font-size:2.2rem;font-weight:600}.heading-secondary--green{color:var(--color-secondary)}.heading-secondary--blue,.section-title{color:var(--color-primary)}.section-title{font-size:4rem;line-height:1}.text-divider{height:.5rem;width:6rem;margin:2rem auto;border:none;background-color:var(--color-secondary)}.description-text,.text-divider{text-align:center}.button{font-size:1.8rem;cursor:pointer;border:none;padding:1.2rem 2.4rem;border-radius:.4rem;display:inline-block;color:#fff}.button-primary{background-color:var(--color-primary);transition:all .3s ease}.button-primary:hover{background-color:var(--color-primary-dark)}.button-secondary{background-color:var(--color-secondary);transition:all .3s ease}.button-secondary:hover{background-color:#49b889}.hero-btn-wrapper,.social-icons{display:flex;align-items:center;justify-content:center}.social-icons{list-style:none;gap:3rem;margin-top:.5rem}.social-icon{fill:#7c889e;font-size:4rem;line-height:1}.s-twitter-icon{transform:translateY(-6px)}.social-icon:link,.social-icon:visited{fill:#7c889e;transform:all .3s;cursor:pointer;transition:all .2s}.social-icon:active,.social-icon:hover{fill:var(--color-primary)}.scroll-btn-container{display:flex;justify-content:center}.scroll-icon{height:1.8rem;width:1.8rem;fill:var(--color-primary)}.scroll-btn{border:3px solid var(--color-primary);display:flex;cursor:pointer;align-items:center;justify-content:center;padding:1rem;border-radius:50%;margin-top:2rem}.section-works{padding:4rem 0}.about-container,.works-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:4rem;gap:4rem}.about-header,.works-header{text-align:center;margin-bottom:3rem}.works-load-more{padding-top:4rem;padding-bottom:1rem;border-bottom:2px solid #172b4d}.works-load-more .btn{display:flex;align-items:center;gap:.5rem;cursor:pointer;border:none;padding:1rem 3rem;background-color:#172b4d;color:#fff;border-radius:3px;font-family:inherit;font-size:1.6rem}.work{border-radius:.6rem;overflow:hidden;border:1px solid #dfe3e2;transition:box-shadow .3s ease-out}.work .image-container{height:20rem;overflow:hidden}.work .image-container img{width:100%;transition:transform .3s ease-out}.work:hover .image-container img{transform:scale(1.1)}.work:hover{box-shadow:0 0 2rem 1rem rgba(0,0,0,.08)}.details-container{text-align:center;padding:2rem 2rem 4rem}.details-container .skills{font-size:1.4rem;list-style:none;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:2rem;margin-bottom:3rem}.skill-tag{border-radius:.4rem;padding:.6rem}.skill-tag--grey{background-color:#ebf0ee}.skill-tag--white{background-color:#fff;color:var(--color-secondary)}.section-about{padding:6rem 0}.skill{border-radius:.6rem;border:1px solid #dfe3e2;background-color:#ebf0ee;overflow:hidden;padding-top:2rem}.skill-icon-container{height:8rem}.skill-icon-container,.skill-icon-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.skill-icon-wrapper{background-color:#fff;width:6rem;height:6rem;border-radius:50%}footer{background:linear-gradient(to right bottom,hsla(0,0%,100%,.5),hsla(0,0%,100%,.5)),url(/_next/static/media/illustration-contact-form.ce997ce6.svg) no-repeat 100% 100%;background-size:15%;padding:4rem 0}.footer-container{display:flex;flex-direction:column;margin-bottom:6rem}.footer-container h2{font-weight:700;font-size:40px;line-height:52px;text-align:center;margin-bottom:5.8rem}form{display:flex;flex-direction:column;align-items:stretch;gap:2.4rem}form input,textarea{padding:1.5rem 0 1.5rem 1.6rem;border:1px solid #d0d9d4;border-radius:4px;font-family:inherit;font-size:1.6rem}::placeholder{font-family:inherit}textarea::placeholder{font-family:inherit;font-size:1.8rem}form button{background:#36b37f;border:1px solid transparent;border-radius:4px;align-self:center;padding:1.2rem;font-weight:500;font-size:17px;line-height:24px;color:#fff;margin-bottom:4.4rem;cursor:pointer}.footer-container .social-links{list-style:none;display:flex;gap:2rem;align-items:center;justify-content:center;margin-top:1rem}.form-container{display:flex;flex-direction:column;padding-bottom:2rem;padding-top:6rem}.footer-email{text-decoration:none;font-weight:400;font-size:1.8rem;line-height:1;color:#42526e;display:block;text-align:center;margin-top:1.7rem}.email-fail{color:red;border:1px solid red;padding:.4rem .8rem;border-radius:.4rem}.email-success{color:green;border:1px solid green;padding:.4rem .8rem;border-radius:.4rem}.visible{visibility:visible;opacity:1}.hidden{visibility:hidden;opacity:0}@media screen and (min-width:600px){.modal{width:80%}.modal .button-container{margin-left:auto}.modal-close-icon{margin-bottom:.5rem;fill:#656565;background-color:#b4b4b4;padding:.5rem;border-radius:2px}.menu-list{display:flex;position:relative;flex-direction:row;padding-top:0;padding-left:0;padding-bottom:0;visibility:visible;opacity:1;min-height:auto;justify-content:flex-end}.menu-link:link,.menu-link:visited{font-size:2rem}.menu-icon{display:none}.heading-primary{font-size:4rem}.heading-secondary{font-size:3rem}.section-about{background-image:url(/_next/static/media/about-bg.e3d22389.png);background-position:top;background-size:contain;background-repeat:no-repeat}.description-text{font-size:2rem;width:80%;margin:0 auto}.description-text .link{text-decoration:none;color:var(--color-secondary);font-weight:600;transition:all .3s}.description-text .link:active,.description-text .link:hover,.description-text .link:link,.description-text .link:visited{color:var(--color-secondary);color:#1e488f}.scroll-btn-container{padding:1rem}.scroll-icon{height:2rem;width:2rem}.about-container,.works-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}form button{align-self:flex-start}.footer-email{font-size:3rem}footer{background:linear-gradient(to right bottom,hsla(0,0%,100%,.5),hsla(0,0%,100%,.5)),url(/_next/static/media/footer-bg.406a21ea.png) no-repeat bottom;background-size:contain;padding:0}}.active-menu-link{color:#1e488f!important}@media screen and (min-width:768px){.footer{padding:6rem 0}.modal>h2{grid-column:1/2;grid-row:3/4}.modal .button-container{grid-column:2/-1;grid-row:3/4}.form-container{flex-direction:row;align-items:center;gap:4rem;padding-bottom:4rem}.footer-container .heading-secondary{text-align:left}.form-container h1{flex:0 0 50%;align-self:flex-start;text-align:left}.form-container form{flex:0 0 50%}.footer-container .social-links{border-top:1px solid hsla(0,0%,80%,.677);padding-top:4rem}input::placeholder,textarea::placeholder{transition:all .3s ease-in-out}input:hover::placeholder,textarea:hover::placeholder{transform:translateX(.5rem)}}@media screen and (min-width:1200px){.row{max-width:88%}}