: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}section[class~=articles-grid]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,500px));gap:1rem;padding:1rem 2rem;place-content:center}section[class~=articles-grid] article{background:#fff;padding:20px;border-radius:.5rem;box-shadow:2px 2px 10px #0000001a}section[class~=articles-grid] article h3{color:var(--brown)}section[class~=articles-grid] article a{display:inline-block;margin-top:10px;color:var(--dark-green);text-decoration:none;font-weight:700}section[class~=articles-grid] article figure,section[class~=articles-grid] article p{text-align:center}main{flex:1}main div[class~=banner]{height:clamp(200px,40vh,450px);background:var(--green-gradient);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-weight:700;padding:3vh 0 0}main div[class~=banner] h1{font-family:var(--h1-police);color:#fff;font-size:clamp(24px,5vw,48px);padding-top:1.5rem}main div[class~=banner] p{font-size:clamp(12px,5vw,18px);line-height:1.6;padding:0 1rem}main h2{color:var(--dark-green);font-family:var(--h2-police);margin:0 0 1rem;padding:1rem 2rem 0}