*{box-sizing:border-box;margin:0;padding:0}:root{--matcha-primary: #5B9F27;--matcha-secondary: #72A34D;--matcha-tertiary: #A5C38F;--matcha-light: #ECFFE3;--matcha-lightgrey: #C1CCB9;--matcha-grey: #88A374;--matcha-less-dark: #3F5431;--matcha-dark: #2A3721}body{color:var(--matcha-secondary);font-family:Inter;position:relative;margin:0 auto}main{display:flex;flex-direction:column;margin:0 auto;padding:0 1rem;background-color:var(--matcha-light)}.dark{background-color:var(--matcha-dark);color:var(--matcha-tertiary);width:100%}.container{max-width:1100px;margin:0 auto}h1,h2{color:var(--matcha-less-dark);padding:1em 0}.header-dark{color:var(--matcha-light)}p .dark{color:var(--matcha-tertiary)}.component-container{display:flex;justify-content:space-around;flex-wrap:wrap;width:100%;margin:1em auto 1.5em}.toggle-btn{background-color:var(--matcha-light);color:var(--matcha-secondary);border:1px solid var(--matcha-secondary);border-radius:5px;max-width:fit-content;padding:.5em 1em;margin-bottom:1em;cursor:pointer}.toggle-btn-dark{background-color:var(--matcha-less-dark);color:var(--matcha-light);border:1px solid var(--matcha-light);border-radius:5px;max-width:fit-content;padding:.5em 1em;margin-bottom:1em;cursor:pointer}.btn-container{display:flex;flex-direction:column}.matcha-btn{background-color:var(--matcha-primary);color:var(--matcha-light);border:3px solid var(--matcha-primary);padding:1.25em 2em;cursor:pointer;font-size:1.25em;font-weight:700;text-transform:uppercase;letter-spacing:.125em;border-radius:10px;line-height:1.5em;text-align:center;outline:none;margin-bottom:1em}.matcha-btn:hover{background-color:#86c457;border:3px solid var(--matcha-primary)}.secondary{background-color:transparent;color:var(--matcha-primary);outline:3px solid var(--matcha-primary);border:none}.secondary:hover{color:var(--matcha-light);border:none}.disabled{background-color:var(--matcha-lightgrey);color:var(--matcha-grey);border:none;cursor:not-allowed}.disabled:hover{background-color:var(--matcha-lightgrey);color:var(--matcha-grey);border:none}.matcha-nav{background-color:var(--matcha-secondary);width:100%;padding:1.25em 2.5em;color:var(--matcha-light);display:flex;justify-content:space-between;align-content:center;align-items:center}.matcha-nav-dark{background-color:var(--matcha-less-dark);color:var(--matcha-tertiary)}.logo{font-size:1.5em;font-weight:700;display:flex;align-items:center}.logo img{width:35px;margin-right:.25em}.fa-bars{color:#fff;font-size:1.25em;font-weight:700}.dropdown-nav{position:absolute;right:-10;top:auto;bottom:auto;height:105%;width:70%;background-color:var(--matcha-secondary);box-shadow:0 3px 15px #000;padding:3em 1em;margin:0;display:flex;flex-direction:column;align-content:start;justify-content:center;z-index:1}.dropdown-nav-dark{position:absolute;right:-10;top:auto;bottom:auto;height:105%;width:70%;background-color:var(--matcha-less-dark);color:var(--matcha-tertiary);box-shadow:0 3px 15px #000;padding:3em 1em;margin:0;display:flex;flex-direction:column;align-content:start;justify-content:center;z-index:1}.fa-xmark{font-size:1.5em;font-weight:700;color:var(--matcha-light);margin-left:0;margin-bottom:2em}.dropdown-nav li{list-style:none;font-size:1.125em;font-weight:700;letter-spacing:.25em;margin-bottom:2em;text-transform:uppercase}.nav-items{display:none}.nav-items a{display:flex;text-transform:uppercase;text-decoration:none;color:#fff}.matcha-card{max-width:650px;background-color:var(--matcha-secondary);color:var(--matcha-light);padding:2em 1.5em;border-radius:10px;text-align:center;border:1px solid var(--matcha-secondary);position:relative}.easy-deploy-img{position:absolute;left:0;right:0;top:-30;margin:0 auto}.matcha-card:hover{cursor:pointer;box-shadow:0 0 15px #171717}.matcha-card h3{color:var(--matcha-light);margin-bottom:.5em}.card-dark{background-color:var(--matcha-less-dark)}.card-dark h3{color:var(--matcha-light)}.card-dark p{color:var(--matcha-tertiary)}.testimonial{width:100%;padding:3em;background-color:var(--matcha-secondary);color:var(--matcha-light);border-radius:10px;border:1px solid var(--matcha-tertiary);display:flex;flex-direction:column;align-items:center}.testimonial-logo img{max-width:120px;margin-bottom:1em}.matcha-testimonial-body{margin:1em 0}.matcha-testimonial-source{margin-top:1em}.testimonial-author{font-weight:700;color:var(--matcha-dark)}.testimonial-dark{background-color:var(--matcha-less-dark)}.testimonial-dark p{color:var(--matcha-tertiary)}.testimonial-dark .testimonial-author{color:var(--matcha-light)}.testimonial-dark .matcha-testimonial-source{color:var(--matcha-tertiary)}.banner{max-width:800px;padding:1em;background-color:var(--matcha-primary);border-radius:15px;color:var(--matcha-light);display:flex;margin-bottom:2em}.banner h4{margin-bottom:.5em}.banner img{max-width:50px;margin-right:1em}.neutral{background-color:var(--matcha-light);border:1px solid var(--matcha-secondary);color:var(--matcha-secondary)}.banner-dark{background-color:var(--matcha-less-dark);color:var(--matcha-tertiary)}footer{box-sizing:content-box;width:100%;background-color:var(--matcha-primary);color:#fff;height:100px;padding:3em 0;margin-top:auto}.footer-content{display:flex;justify-content:space-between;max-width:1100px;margin:0 auto;padding:0 1em}.footer-line{height:100px;display:block;border:1px solid white}.footer-logo{font-size:1.5em;font-weight:700}.footer-logo img{max-width:30px;margin-right:.25em}.footer-pages p{font-weight:700}.footer-pages li{list-style:none;margin:.5em 0;font-weight:100}.footer-dark{background-color:var(--matcha-less-dark)}@media (min-width: 600px){.btn-container{display:flex;flex-direction:column;align-items:center}.matcha-btn{padding:1.25em 1.5em}.fa-bars,.dropdown-nav{display:none}.nav-items{display:flex;list-style:none}.nav-items li{font-size:1.125em;font-weight:700;margin:0 0 0 .5em}}@media (min-width: 1000px){.btn-container{display:flex;flex-direction:row;justify-content:space-around}}