:root{--primary-bg-color: #2c3e50;--header-height: 140px;--footer-height: 85px;--section-bg-color: #ecf0f1;--h2-background-color: lightblue;--body-bg-color: #f4f4f9;font-family:system-ui,Arial,Avenir,Helvetica,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 805px){:root{--header-height: 200px}}@media (max-width: 423px){:root{--header-height: 250px}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--body-bg-color);line-height:1.6;display:flex;place-items:center;min-width:320px;min-height:100vh}section{margin:40px 20px}h1{font-size:3.2em;line-height:1.1}h2{text-align:center;color:var(--primary-bg-color)}a{font-weight:500;text-decoration:inherit}input[type=text],input[type=email],textarea{padding:10px;border:1px solid #ccc;border-radius:5px;width:100%;font-size:1rem}textarea{resize:vertical}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#nationalParks{background-color:var(--section-bg-color)}.park{background-color:#fff;padding:15px;border:2px solid #ccc;border-radius:5px;text-align:center}.park img{max-width:100%;height:auto;border-radius:5px}h3{margin:10px 0;color:#2980b9}.park-description{text-align:left;margin-top:10px;height:300px;overflow-y:auto;border:1px solid #ccc;padding:10px}#about{display:grid;grid-template-columns:1fr 1fr;padding:20px;align-content:center;background-color:#ecf0f1;border-radius:10px}.content{padding:20px;box-sizing:border-box}.content div *{font-size:1.4vw}.content div ul{padding:10px 0 10px 35px}.content div p{padding:10px 10px 0 20px}.content *{font-size:inherit}h2{background-color:var(--h2-background-color);font-size:3vw}.content h2{font-size:2vw;text-align:left;padding-left:20px}.imageDiv,.content{width:45vw;height:45vw;position:relative}.imageDiv img{width:100%;height:100%;object-fit:cover}@media (max-width: 1200px){#about .imageDiv{display:none}.content div li,.content div p{font-size:1rem}#milestones{display:none}.content{width:90vw;height:auto}.content h2{font-size:clamp(1.3rem,2.6vw,5.5rem)}h2{font-size:clamp(2rem,3vw,5.5rem)}}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px;margin:20px}#contact{background-color:#ecf0f1;padding:20px;border-radius:10px}label{font-weight:700;color:#2c3e50}footer{background-color:var(--primary-bg-color);color:#fff;padding:1rem;position:fixed;width:100%;bottom:0;height:var(--footer-height);display:flex;align-items:center;justify-content:center}header{background-color:var(--primary-bg-color);color:#fff;padding:20px 0;text-align:center;position:fixed;width:100%;top:0;z-index:1000;height:var(--header-height)}#component-container{position:absolute;top:var(--header-height);bottom:var(--footer-height);overflow-y:auto}nav ul{list-style:none;display:flex;justify-content:center}nav ul li{margin:0 15px}nav ul li a{color:#fff}