: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%}}