body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:"Arial",sans-serif;line-height:1.6;color:#333}.p-1{padding:1rem}.mt-1{margin-top:1rem}.mb-1{margin-bottom:1rem}.mx-auto{margin-left:auto;margin-right:auto}.App-header{background-color:#e1fae9;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}.App-header a{text-decoration:none;color:inherit}.App-header h1{font-size:1.5rem;font-weight:700}nav button{background:none;border:2px solid #000;padding:10px 20px;font-size:1rem;cursor:pointer;border-radius:20px;margin-left:1rem}nav button:hover{background-color:#000;color:#fff}main{max-width:1200px;margin:2rem auto}.hero{text-align:center;background-color:#caf0d5;padding:2rem}.hero h2{font-size:2.5rem;color:#000;margin:.5rem 0}.hero p{color:#555;margin-bottom:1rem}.cta-buttons{display:flex;justify-content:center}.cta-buttons button{background-color:#000;color:#fff;border:none;padding:10px 20px;margin:0 .5rem;border-radius:20px;font-size:1rem}.cta-buttons button:hover{background-color:#333}.why-volunteer{padding:2rem}.why-volunteer h3{font-size:2rem;color:#000;margin-bottom:1rem}.why-volunteer p{color:#555}.benefits{display:flex;flex-wrap:wrap;justify-content:space-between;text-align:left}.benefit{flex:1 1;margin:1rem}.benefit h4{font-size:1.2rem;color:#000;margin-bottom:.5rem}.images{display:flex;justify-content:space-between;margin-top:2rem}.images img{max-width:48%;height:auto;border-radius:10px}.App-footer{background-color:#fff;text-align:center;padding:1rem 2rem;border-top:1px solid #ddd}.App-footer a{color:#000;text-decoration:none;margin:0 1rem}@media (max-width:768px){.benefits{flex-direction:column}.images img{max-width:100%;margin-bottom:1rem}.cta-buttons{flex-direction:column}.cta-buttons button{margin-bottom:1rem}}.signup-container{max-width:600px;margin:auto;padding:20px;border-radius:8px;background:#f9f9f9}.form-section{margin-bottom:20px}.form-section label{display:block;margin-bottom:5px}.form-section input[type=email],.form-section input[type=range],.form-section input[type=text]{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.affiliation-buttons{display:flex;justify-content:space-between;margin-bottom:10px}.affiliation-button{flex:1 1;padding:10px;margin-right:10px;border:2px solid #ccc;border-radius:4px;background-color:#fff;color:#333;font-size:14px;cursor:pointer}.affiliation-button:last-child{margin-right:0}.affiliation-button.active{border-color:#333;background-color:#333;color:#fff}.signup-button{width:100%;padding:10px;border:2px solid #ccc;border-radius:4px;background-color:#5cb85c;color:#fff;font-size:16px;cursor:pointer;margin-top:10px}.signup-button:hover{background-color:#4cae4c}.checkbox-group{display:flex;flex-direction:column}.checkbox-label{display:flex;align-items:center;margin:5px 0;input[type=checkbox]{margin-right:5px}}.form-section input[type=range]{-webkit-appearance:none;width:100%;margin:10px 0}.form-section input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#4caf50;cursor:pointer}.form-section input[type=range]::-webkit-slider-runnable-track{width:100%;height:8.4px;cursor:pointer;background:#ccc;border-radius:1.3px}button[type=submit]{width:100%;padding:10px;border:none;border-radius:4px;background-color:#5cb85c;color:#fff;font-size:16px;cursor:pointer}button[type=submit]:hover{background-color:#4cae4c}.learn-more-container{font-family:"Arial",sans-serif;max-width:1200px;margin:0 auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center;padding:20px 0}header nav ul{list-style:none;padding:0;display:flex}header nav li{margin-right:20px}header nav a{text-decoration:none;color:#000}main h1{color:#333;font-size:2em;margin-top:0}main p{color:#666}.top-section{display:flex;align-items:center;grid-gap:20px;gap:20px;margin-bottom:30px}.image-container{flex:1 1;max-width:900px}.image-container img{width:100%;height:auto}.text-container{flex:1 1}.two-columns{display:flex;justify-content:space-between;margin-top:40px}.column{width:48%}.column h2{color:#333;font-size:1.5em}.column ul{list-style:none;padding:0}.column li{margin-bottom:10px}.cta{margin-top:40px}.cta h2{color:#333;font-size:1.5em}.cta p{color:#666}.cta button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;cursor:pointer;margin-top:20px;transition:background-color .3s ease}.cta button:hover{background-color:#0056b3}footer{margin-top:40px;display:flex;justify-content:space-between}footer ul{list-style:none;padding:0;display:flex}footer a{text-decoration:none;color:#000;margin-right:20px}.page-layout{display:flex;height:100vh}.contact-sidebar{flex-basis:35%;background-color:#e6fff5;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;grid-gap:1rem;gap:1rem}.contact-sidebar h1{margin:0;color:#333;font-size:3rem;transform:rotate(-90deg);white-space:nowrap}.form-area{flex-basis:65%;background-color:#caf0d5;display:flex;flex-direction:column;justify-content:center;padding:2rem}.form-area form{max-width:500px;margin:auto}.form-area .input-group{display:flex;grid-gap:1rem;gap:1rem}.form-area input,.form-area textarea{width:100%;padding:1rem;border:1px solid #ccc;border-radius:4px;margin-bottom:1rem}.form-area textarea{height:150px;resize:none}.form-area button{width:100%;padding:1rem;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer}.form-area button:hover{background-color:#555}.login-container{font-family:"Arial",sans-serif;width:700px;margin:50px auto auto;border:2px solid #000;padding:40px;border-radius:10px;display:flex;flex-direction:column;background-color:#caf0d5}.icon-container{max-width:100%;align-items:center;justify-content:center;text-align:center}label.bold-label{font-weight:700}.label-container{display:flex;justify-content:space-between;margin-right:325px}.form-group,.label-container{margin-bottom:15px}label{display:block}.forgot-container{margin-left:450px}.button-container{display:flex;justify-content:center}.button{font-size:18px;width:50%;padding:15px;border-radius:30px;cursor:pointer;background-color:#000;color:#fff;margin-top:15px}input{width:100%;padding:12px;border:1px solid #fff;border-radius:8px}
/*# sourceMappingURL=main.c5a22bfd.chunk.css.map */