*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh;width:100%;background-color:#86bbd8;font-family:Amatic SC,Andika,sans-serif;font-size:16px}main{margin:0 auto;padding:2rem;min-height:calc(100vh - 150px)}h1{font-family:Amatic SC,sans-serif;font-size:6rem;color:#fff}h2{font-family:Amatic SC,sans-serif;font-size:4rem;color:#33658a}h3{font-family:Amatic SC,sans-serif;font-size:3rem;color:#33658a}p{font-family:Andika,sans-serif;font-size:1.5rem}*/ @media screen and (max-width: 768px){html,body{font-size:14px}h1{font-size:4.5rem}h2{font-size:3rem}h3{font-size:2.5rem}p{font-size:1.3rem}main{padding:1.5rem}#fundraiser-list{grid-template-columns:repeat(2,minmax(200px,1fr));gap:1.5rem}}@media screen and (max-width: 480px){html,body{font-size:12px}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:2rem}p{font-size:1.2rem}main{padding:1rem}#fundraiser-list{grid-template-columns:100%;column-gap:0;row-gap:20px;margin:5% 2%}}@media screen and (max-width: 320px){h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.8rem}p{font-size:1.1rem}#fundraiser-list{grid-template-columns:100%;column-gap:0;row-gap:20px;margin:5% 2%}}@media screen and (min-width: 1200px){main{max-width:1400px}}@media screen and (min-width: 1600px){main{max-width:1600px}}@media screen and (max-height: 480px) and (orientation: landscape){h1{font-size:3rem}main{min-height:auto}}.fundraiser-card{width:100%;box-shadow:0 0 5px #33658a;transition:transform .2s ease-in-out}.fundraiser-card:hover{transform:translateY(-5px)}.fundraiser-card img{width:100%;height:300px;object-fit:cover}.fundraiser-name{display:block;padding:5px;font-family:Andika,sans-serif;color:#758e4f;text-decoration:none;background-color:#33658a}.fundraiser-name h3{text-align:center;margin:0;padding:8px;width:100%;color:#758e4f}@media screen and (max-width: 768px){.fundraiser-card img{height:250px}}@media screen and (max-width: 480px){.fundraiser-card{margin-bottom:1rem}.fundraiser-card img{height:200px}.fundraiser-name h3{font-size:1.2rem;padding:6px}}.main{width:100%;max-width:1400px;margin:0 auto;padding:1rem}#fundraiser-list{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:2rem auto;width:100%}h1,p{text-align:center}@media screen and (max-width: 768px){#fundraiser-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}}@media screen and (max-width: 480px){#fundraiser-list{grid-template-columns:1fr;gap:1.5rem}}.fundraiser-container{display:grid;grid-template-columns:400px 1fr;gap:2rem;margin:2rem 0}.fundraiser-image{grid-column:1}.fundraiser-image img{width:100%;height:400px;object-fit:cover;border-radius:8px;box-shadow:0 2px 4px #0000001a}.fundraiser-content{grid-column:2}.fundraiser-content p{text-align:left}.fundraiser-creator{text-align:left;color:#758e4f;font-style:italic}.goal-section{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.fundraiser-description{margin:1rem 0;line-height:1.5;white-space:pre-wrap}.edit-button{background-color:#758e4f;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.edit-button:hover,.edit-button:active{background-color:#f6ae2d}.fundraiser-actions{display:flex;gap:1rem;margin-top:.5rem}.delete-button{background-color:#f26419;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.delete-button:hover{background-color:#bd2130}.delete-button:active{background-color:#a71d2a}.pledge-checkbox-label{display:flex;align-items:center;gap:.5rem;flex-direction:row}.edit-form-buttons{display:flex;gap:1rem;margin-top:1rem}.edit-form-buttons button[type=submit]{background-color:#758e4f;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.edit-form-buttons button[type=submit]:hover{background-color:#f6ae2d}.edit-form-buttons button[type=button]{background-color:#f26419;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.edit-form-buttons button[type=button]:hover{background-color:#bd2130}ul{list-style:none;padding:0;margin:1rem 0}ul li{font-family:Andika,sans-serif;font-size:1.5rem;margin-bottom:1rem;padding:.5rem 0;color:#fff}ul li div{font-size:1.3rem;margin-top:.5rem;color:#758e4f;font-style:italic}@media screen and (max-width: 768px){.fundraiser-container{grid-template-columns:1fr;gap:1.5rem;margin:1.5rem}.fundraiser-image,.fundraiser-content{grid-column:1}.fundraiser-image img{height:300px}.goal-section{flex-direction:column;align-items:flex-start;gap:.5rem}}@media screen and (max-width: 480px){.fundraiser-container{margin:1rem}.fundraiser-image img{height:250px}.fundraiser-actions{flex-direction:column;gap:.5rem}.edit-form-buttons{flex-direction:column}ul li{font-size:1.3rem}ul li div{font-size:1.1rem}}form{max-width:600px;width:90%;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:1.5rem}label{display:flex;flex-direction:column;gap:.5rem;font-weight:500}input{padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;width:100%;box-sizing:border-box}button{background-color:#33658a;color:#fff;padding:1rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s;width:100%}button:hover{background-color:#2a547a}button:disabled{background-color:#ccc;cursor:not-allowed}@media screen and (max-width: 768px){form{padding:1.5rem;gap:1.25rem}input{padding:.6rem;font-size:.95rem}button{padding:.8rem;font-size:.95rem}}@media screen and (max-width: 480px){form{padding:1rem;gap:1rem;margin:1rem auto}input{padding:.5rem;font-size:.9rem}button{padding:.7rem;font-size:.9rem}}.create-fundraiser-container{max-width:600px;margin:0 auto;padding:2rem}form{display:flex;flex-direction:column;gap:1.5rem;background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}label{display:flex;flex-direction:column;gap:.5rem;font-weight:500;font-family:Amatic SC,sans-serif;font-size:2rem}input,textarea{padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;font-family:Andika,sans-serif}textarea{min-height:100px;resize:vertical}input[type=checkbox]{width:20px;height:20px;accent-color:#33658a;margin-top:.5rem}.checkbox-label{flex-direction:row;align-items:center;gap:1rem}button[type=submit]{background-color:#33658a;color:#fff;padding:1rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}button[type=submit]:hover{background-color:#2a547a}button[type=submit]:disabled{background-color:#ccc;cursor:not-allowed}[role=alert]{color:#dc3545;padding:1rem;margin-bottom:1rem;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px}h1{text-align:center;margin-bottom:2rem}#about-page{padding:0 4%}#about-page h1{margin-bottom:4%}#about-page h2{margin-bottom:2%}#about-page p{text-align:left;margin-bottom:2%}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.error-container h1{font-size:3rem;margin-bottom:1rem;color:#dc3545}.error-container p{font-size:1.2rem;margin-bottom:2rem;color:#6c757d}.error-actions{margin-top:2rem}.home-link{display:inline-block;padding:.75rem 1.5rem;background-color:#007bff;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .2s}.home-link:hover{background-color:#0056b3}nav{font-family:Amatic SC,sans-serif;font-size:3rem;background-color:#33658a;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;height:150px;padding:0 20px}.left-menu,.right-menu{display:flex;gap:20px;justify-content:space-evenly;flex-wrap:wrap}.nav-logo{display:flex;justify-content:center;height:150px;width:150px}nav a{color:#fff;text-decoration:none;transition:color .2s ease-in-out}nav a:hover{color:#f6ae2d}@media screen and (max-width: 768px){nav{font-size:2.5rem;height:auto;padding:10px;grid-template-columns:1fr;gap:10px}.nav-logo{height:100px;width:100px;order:-1}.left-menu,.right-menu{justify-content:center;gap:15px}}@media screen and (max-width: 480px){nav{font-size:2rem;padding:5px}.nav-logo{height:80px;width:80px}.left-menu,.right-menu{gap:10px}}