.header h1{font-size:2.5rem;margin:0;padding:.5em 0;text-align:center}@media (max-width: 575px){.header h1{font-size:1.5rem}}.underline-container{display:flex;justify-content:center}.underline{border-bottom:1px solid #000;width:95%;padding-top:1em}.footer{padding:2rem;bottom:0;width:100%;text-align:center}@media (max-width: 575px){.footer{font-size:.8rem}}.footer-nav ul{list-style-type:none;padding:0}.footer-nav li{display:inline;margin:0 1rem}.copyright{margin-top:1rem;font-size:.875rem}@media (max-width: 575px){.copyright{font-size:.75rem}}.search-bar-container{display:flex;justify-content:center;padding:4em 0}@media (max-width: 1199px){.search-bar-container{padding:2em 0}}.search-bar{min-width:250px;display:flex;align-items:center;background-color:#fff8f6;border:1px solid #ccc;border-radius:7px;padding:5px 10px;width:45%;height:60px}@media (max-width: 991px){.search-bar{height:50px}}.search-bar input,.search-bar select{font-family:Cascadia Code,monospace;font-size:16px;border:none;padding:10px;flex-grow:1;border-radius:0;background-color:#fff8f6}@media (max-width: 991px){.search-bar input,.search-bar select{font-size:14px;height:40px}}.search-bar input:focus,.search-bar select:focus{outline:none}.search-bar input{min-width:100px;border-radius:4px 0 0 4px;border-right:1px solid #ccc}.search-bar select{height:40px;width:80px;border-radius:0 4px 4px 0;position:relative;cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.responses{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:50px;justify-items:center;align-items:center;padding:10px 20px}.responses .response-card{display:flex;flex-direction:column;justify-content:flex-start;padding:10px 20px;border:1px solid #b2b2b2;border-radius:10px;box-shadow:0 0 10px #0000001a;background-color:#fff8f6;width:300px;height:220px;transition:transform .1s ease-in-out}.responses .response-card:hover{transform:scale(105%)}.responses .response-card h2{font-size:1.5rem;font-weight:600;padding:1rem 0}.responses .response-card p{line-height:1.3}@media (max-width: 575px){.responses .response-card{width:270px;height:200px}.responses .response-card h2{font-size:1.2rem}.responses .response-card p{font-size:.9rem}}.no-comments-found{display:flex;justify-content:center;align-items:center}.pagination{display:flex;justify-content:center;margin-top:40px}.pagination .pagination-btn{margin:0 5px;padding:10px 15px;cursor:pointer;border:1px solid #b2b2b2;border-radius:5px;background-color:#fff8f6;transition:border-bottom .3s ease;font-size:1rem}.pagination .pagination-btn.active{border-bottom:2px solid #008060}.pagination .pagination-btn:disabled{cursor:not-allowed;transform:none}.pagination .pagination-btn:hover{transform:translateY(-2px)}@media (max-width: 575px){.pagination .pagination-btn{margin:0 3px;padding:8px 10px;font-size:.9rem}}.main{padding:20px}@media (min-width: 576px){.main{max-width:576px;margin:0 auto}}@media (min-width: 768px){.main{max-width:600px;margin:0 auto}}@media (min-width: 992px){.main{max-width:800px;margin:0 auto}}@media (min-width: 1200px){.main{max-width:1100px;margin:0 auto}}@media (min-width: 1300px){.main{max-width:1200px;margin:0 auto}}.about-container{padding:2rem;text-align:center}@media (min-width: 576px){.about-container{max-width:576px;margin:0 auto}}@media (min-width: 768px){.about-container{max-width:600px;margin:0 auto}}@media (min-width: 992px){.about-container{max-width:800px;margin:0 auto}}.about-container h1{font-size:2.5rem;margin-bottom:1rem}@media (max-width: 575px){.about-container h1{font-size:2rem;padding:10px 15px}}.about-container .about-paragraph{font-size:1rem;font-weight:300;line-height:1.6;margin-bottom:1rem;color:#333;padding:30px 30px 0}@media (max-width: 575px){.about-container .about-paragraph{font-size:.9rem;padding:10px 15px}}.about-container .about-paragraph .link{color:#008060;text-decoration:none;font-weight:600;transition:transform .3s ease}.about-container .about-paragraph .link:hover{transform:scale(1.05)}.nf-and-btn-container{height:200px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.nf-container{text-align:center}.nf-container .go-home{position:absolute;bottom:0;transform:translate(-50%);background-color:#fff;border:1px solid #ccc;border-radius:7px;padding:5px 10px;height:35px}@media (min-width: 576px){.nf-container .go-home{color:red}}.not-found{display:flex;justify-content:center;margin-top:50px}.response-details-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.response-details-container .go-back-container{display:flex;justify-content:center;align-items:center;width:100%}.response-details-container .go-back-container .go-back{padding:10px}@media (max-width: 575px){.response-details-container .go-back-container .go-back{padding:8px;font-size:.8rem}}.response-details-container .go-back-container .arrow-left{height:25px;width:25px}@media (max-width: 575px){.response-details-container .go-back-container .arrow-left{height:16px}}.response-details-container .go-back-container:hover *{transform:scale(1.1) translateY(-10%)}.response-details-container .go-back-container *{transition:transform .3s ease}.response-details-container .response-details{display:flex;flex-direction:column;justify-content:start;padding:25px 40px;border:1px solid #b2b2b2;border-radius:10px;box-shadow:0 0 10px #0000001a;width:700px;height:520px;overflow:auto;background-color:#fff8f6}@media (max-width: 767px){.response-details-container .response-details{width:500px;height:350px}}@media (max-width: 575px){.response-details-container .response-details{max-width:300px;max-height:350px;font-size:.9rem;padding:10px 15px}}.response-details-container .response-details .name-date-container{display:flex;justify-content:space-between;align-items:center;padding:10px 5px;border-bottom:1px solid #000}@media (max-width: 575px){.response-details-container .response-details .name-date-container{display:flex;flex-direction:column}}.response-details-container .response-details .name-date-container .response-date{margin:10px 0 0;min-width:90px}.response-details-container .response-details .mini-deets{padding:15px}.response-details-container .response-details .mini-deets-label{line-height:1.3;font-weight:400}.response-details-container .response-details .response-comment{line-height:1.5}.response-details-container .response-details .response-impacts{padding:20px}.contact-container{padding:2rem;text-align:center}@media (min-width: 576px){.contact-container{max-width:576px;margin:0 auto}}@media (min-width: 768px){.contact-container{max-width:600px;margin:0 auto}}@media (min-width: 992px){.contact-container{max-width:800px;margin:0 auto}}.contact-container .contact-header{font-size:2.5rem;margin-bottom:1rem}@media (max-width: 575px){.contact-container .contact-header{font-size:1.7rem;padding:10px 15px}}.contact-container .contact-form{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:3rem}.contact-container .contact-form .contact-label{font-size:1.2rem;display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:400px}@media (max-width: 575px){.contact-container .contact-form .contact-label{font-size:1rem}}.contact-container .contact-form .contact-input,.contact-container .contact-form .contact-textarea{width:100%;padding:.5rem;font-size:1rem;font-family:inherit;font-weight:300;border:1px solid #b2b2b2;border-radius:5px;margin-top:.5rem}.contact-container .contact-form .contact-button{padding:.7rem 1.5rem;margin-top:1rem;font-size:1rem;background-color:#008060;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.contact-container .contact-form .contact-button:hover{background-color:#004d3a}@media (max-width: 575px){.contact-container .contact-form .contact-button{padding:.5rem 1rem;font-size:.9rem;font-weight:400}}.loading{display:flex;justify-content:center;align-items:center;height:50vh}*{box-sizing:border-box}a{text-decoration:none;color:#000}body{margin:0;padding:0;font-family:Cascadia Code,monospace;background-color:#fbf7ed;box-sizing:border-box;height:100vh;min-height:100%}button{background:none;border:none;padding:0;margin:0;font-size:inherit;font-family:inherit;color:inherit;cursor:pointer}#root{height:100%}@font-face{font-family:Cascadia Code;src:url(/assets/cascadia_code-nVmlcGfT.ttf) format("truetype")}h1,h2{margin:0;padding:0;font-weight:400}p{margin:0;padding:0;font-weight:200}
