:root{--dark-color:#16667a;--light-color:#f6d4a4;--body-bkg:#ffffff;--border-width:3px;--black:#4d4d4d}html{font-size:16px}body{margin:0;background:var(--body-bkg);font-family:Poppins,sans-serif;font-weight:300;line-height:1.6;color:var(--black)}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-thumb{background-color:#c1c1c1;outline:1px solid slategrey}*{box-sizing:border-box}ul{padding-left:1rem;margin:0}a{color:inherit;text-decoration:none}h1{margin-top:0;font-family:'Kaushan Script',script,cursive;font-size:3.5rem;letter-spacing:-1px}h2{margin-top:1rem;margin-bottom:3rem;padding:10px;text-align:center;position:relative;z-index:2;font-size:1.7rem;line-height:1.3}h3{font-size:1.2rem;text-align:center;letter-spacing:normal}.card h3{margin-top:0}h2,h3,nav{font-family:Poppins,sans-serif;font-weight:500;text-transform:uppercase}.link{display:block;font-weight:500;font-size:.85rem;text-transform:uppercase}.container{width:100%;max-width:1240px;padding:3rem;margin:0 auto}.container_small{max-width:900px}nav ul{display:flex;justify-content:flex-end;align-items:center;list-style:none;margin:0;padding:0}nav ul li{color:#fff;display:flex;justify-content:center;align-items:center}nav ul li a{padding:0 1rem}nav ul li:last-child a{display:flex;align-items:center;justify-content:center}.card{color:var(--black);transition:.3s;position:relative;background:#fff;outline:1rem solid #ffffff;margin:1rem;border:var(--border-width) solid var(--black);box-shadow:0 0 1.5rem rgba(0,0,0,.5);flex-grow:1;padding:2rem 1rem}.pill__container{display:flex;gap:1rem;flex-wrap:wrap;justify-content:left;padding:0}.pill{color:var(--dark-color);display:inline-block;vertical-align:top;padding:.3rem 1rem;background:#fff;border-radius:1px;border:1px solid var(--dark-color)}.menu{color:#fff;width:100%;position:fixed;z-index:10;right:0;top:0;text-align:right;transition:.7s}.menu_bkg{background:var(--dark-color)}.menu .container,footer .container{max-width:none;padding:.75rem 1rem}footer{background-color:var(--light-color);color:#fff;text-align:right;font-size:.75rem}section{overflow:hidden;position:relative;padding-bottom:3rem;flex-grow:1}section::after,section::before{content:'';display:block;background:var(--dark-color);width:var(--border-width);transform:translateX(-50%);position:absolute;left:50%;height:20px}section::before{top:0}section::after{bottom:0}section:first-of-type::before{content:none}.section_light{background:var(--light-color);color:#fff}.section_dark{background:var(--dark-color);color:#fff}.section_dark::after,.section_dark::before,.section_light::after,.section_light::before{background:#fff}.page{margin-top:3rem;padding-top:1rem;min-height:calc(100vh - 5.7rem);display:flex;flex-direction:column}.page img{max-width:100%;display:block}.page h1,.page h2,.page h3{margin-top:1.5rem;text-align:left;padding:0}.page h2{margin-top:3rem;margin-bottom:1rem}.date{color:var(--dark-color);text-transform:uppercase;font-weight:500}code{padding:2px;border-radius:2px;background:var(--light-color);margin:0 2px}.website-offer__examples{display:flex;gap:3rem;margin-bottom:4rem}.website-offer__device{background-color:#000;border-radius:.75rem;padding:.75rem;aspect-ratio:8/5;overflow:hidden}.website-offer__device-content{overflow-y:scroll;height:100%}.website-offer__examples img{width:100%}.articles__list{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;padding:0}.article-card{flex-basis:320px;flex-grow:1}section.about::after,section.about::before{background:var(--dark-color)}.about__content{display:flex;align-items:flex-start;gap:2rem}.about__content h2,.about__content h3{text-align:left;padding:0;margin-bottom:1rem}.about__content>div{flex-basis:50%}.about__content>.about__image-wrapper{display:flex;justify-content:center}.about__image{max-width:300px;overflow:hidden}.about__image img{width:100%}section.contact{text-align:center}.contact__link{display:flex;justify-content:center;align-items:center;font-size:1.2rem;font-weight:500;grid-gap:1rem;margin-bottom:1rem}.contact__img{width:25px}@media screen and (max-width :768px){html{font-size:15px}nav ul li a{padding:0 5px}h1{font-size:3rem}.container{padding:2rem 1rem}.about__content{flex-wrap:wrap}.about__content>div{flex-basis:100%}}.home{height:100vh;height:100dvh;position:relative;top:0;left:0;min-width:100%}.home__bkg{display:flex;height:100%;width:100%;position:absolute;top:0;left:0}.home__half{display:block;height:100dvh;width:50%;flex-grow:1;position:relative;overflow:hidden}.home__half-link{display:block;width:100%;height:100%}.home__half-img{position:absolute;top:0;height:100%;width:auto;min-width:100%;object-fit:cover}.home__half-img_tech{right:0}.home__half-img_creative{left:0}.home__half-overlay{content:'';display:block;overflow:hidden;width:100%;height:100%;position:absolute;top:0;left:0;opacity:.6;transition:.7s}.home__half_tech .home__half-overlay{background:linear-gradient(135deg,var(--dark-color),#000)}.home__half_creative .home__half-overlay{background:linear-gradient(45deg,#c67033,rgba(252,201,131,.5))}.home__half-link:hover .home__half-overlay{opacity:.3}.home__half-text{display:block;width:100%;position:absolute;top:60%;left:0;bottom:0;padding-top:4rem;display:flex;flex-direction:column;justify-content:flex-end}.home__half_creative .home__half-text{text-align:right}.home__half-text .container{max-width:none}.home__half h2{text-align:inherit;line-height:1.2;padding:0;margin:0}.home__half h2 span:first-child{display:block;font-size:1rem}.home__box{z-index:2;text-align:center;top:35%;left:50%;padding-right:10px;transform:translateX(-50%);min-width:400px;position:absolute;transition:none}.home__box:after{content:'';display:block;width:100px;height:var(--border-width);background:#fff;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.home__title{opacity:0;line-height:1.2;min-height:calc(3.5rem * 1.2 + 1.2rem * 1.2)}.home__title_visible{opacity:1}.home__subtitle{font-family:Poppins,sans-serif;font-weight:500;text-transform:uppercase;font-size:1.2rem;text-align:center;letter-spacing:normal;display:block}@media screen and (max-width :768px){.home__subtitle{font-size:1rem}.home__half h2{font-size:1.2rem}.sm-none{display:none}}