:root{--background-color:#9a2323}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:Roboto,Helvetica Neue,sans-serif}#root{min-height:100vh}.bulletins-page{background-color:var(--background-color);min-height:100vh}.bulletins-container{max-width:800px;margin:0 auto;padding:20px}.bulletins-container h3{color:#fff;margin-top:30px;margin-bottom:15px;font-size:30px;font-weight:700}.title-card{border:2px solid #000;border-radius:10px;margin-bottom:20px;position:relative;overflow:hidden}.bulletin-image{object-fit:cover;width:100%;height:auto;display:block}.title-overlay{text-align:center;color:#fff;text-shadow:2px 2px 4px #000c;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.title-overlay h1{margin-bottom:10px;font-size:40px}.title-overlay h2{font-size:20px}.date{color:#fff;margin-bottom:20px;font-size:35px;font-weight:700}.toggle-buttons{justify-content:space-between;margin-bottom:20px;display:flex}.toggle-buttons button{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #fff;border-radius:4px;flex:1;margin:0 5px;padding:8px 16px;font-size:14px}.toggle-buttons button.active{color:#fff;background-color:#000;border-color:#000}.card{color:#fff;background-color:#0000;border:2px solid #000;border-radius:10px;margin-bottom:20px;padding:4px}.card-title{padding:10px;font-size:25px;font-weight:700}.card-content{padding:10px;font-size:18px}.card-content p{margin:0 0 8px}.preserve-whitespace{white-space:pre-wrap}.giving-buttons{justify-content:center;gap:10px;margin:20px;display:flex}.giving-buttons button{color:var(--background-color);cursor:pointer;background-color:#fff;border:2px solid #000;border-radius:10px;align-items:center;padding:20px;font-size:14px;display:flex}.button-text{vertical-align:middle;line-height:30px;display:inline-block}.giving-buttons img{vertical-align:middle;width:30px;height:30px;margin-right:10px}