:root{--light-green: #7db66d;--dark-green: #0c5f37;--black: #333;--brown: #5d4037;--white-background: #f8f9fa;--green-gradient: linear-gradient(to right, var(--light-green), var(--dark-green));--h1-police: "Raleway", "sans-serif";--h2-police: "Montserrat", "sans-serif";--text-police: "Open Sans", "sans-serif"}@font-face{font-family:Montserrat;src:url(/build/assets/fonts/Montserrat-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Raleway;src:url(/build/assets/fonts/Raleway-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Open Sans;src:url(/build/assets/fonts/OpenSans-Regular.ttf) format("truetype");font-display:swap}*{box-sizing:border-box}html,body{height:100%;display:flex;flex-direction:column;font-family:var(--text-police);background-color:var(--white-background);color:var(--black);margin:0;padding:0}nav[class~=navbar]{display:flex;background:linear-gradient(to right,#7db66d,#0c5f37);justify-content:space-between;align-items:center;color:#fff;position:fixed;width:100%;height:clamp(40px,3vh,80px);top:0;left:0;z-index:2;font-family:Montserrat,sans-serif;gap:1rem}nav[class~=navbar] a{color:#fff;text-decoration:none;margin:0 .5rem;font-weight:700}nav[class~=navbar] a:hover{text-decoration:underline}nav[class~=navbar] div[class~=navbar-links]{margin-left:1rem}nav[class~=navbar] div[class~=logo]{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5));display:flex;align-items:center;justify-content:center;gap:.25rem}nav[class~=navbar] div[class~=logo] a{margin:0}@media screen and (max-width: 768px){nav[class~=navbar]{justify-content:center}}footer{background:var(--green-gradient);color:#fff;padding:.25rem;text-align:center}footer p{font-size:clamp(12px,5vw,18px);line-height:1.6;margin:0}div[class~=products-container]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,350px));gap:1rem;margin:auto;place-content:center}a[class~=product-card]{text-decoration:none;background:#fff;color:var(--black);border-radius:.5rem;box-shadow:0 4px 8px #0003;text-align:center;transition:transform .1s,box-shadow .1s}a[class~=product-card]:hover{transform:scale(1.05);box-shadow:0 6px 12px #0000004d;text-decoration:none}.card-header{background:var(--green-gradient);padding:1rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.card-header h2{font-family:var(--h2-police);color:#fff;margin:0}.card-body{padding:.5rem;text-align:left}.card-body ul{list-style:none;padding-left:0}.card-body ul li{padding-left:2rem;position:relative}.card-body ul li[class~=awesome-item]:before{content:"🟢";position:absolute;left:0}.card-body ul li[class~=meh-item]:before{content:"🔴";position:absolute;left:0}.card-body p{padding:0}.comment{font-style:italic;margin:10px 0}strong[class~=referral-code],strong[data-href],strong[class~=amazon-affiliation]{color:var(--dark-green)}strong[class~=referral-code-reduction]{color:var(--brown)}div[class~=shop-screenshots]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,350px));gap:1rem;place-content:center}div[class~=shop-screenshots] figure{text-align:center}main{flex:1;padding:60px 1rem 0}main h1{font-family:var(--h1-police);text-align:center;color:var(--brown)}main h1:after{content:"❄️";margin-left:.25rem}main figure{text-align:center}main figure img{max-width:100%;height:auto;display:block}main a{color:var(--dark-green);text-decoration:none;font-weight:700}main a:hover{text-decoration:underline}main ul[class~=source-links] li:not(:last-child){margin-bottom:.8rem}
