@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header-inline{align-items:center;display:flex;gap:0;justify-content:flex-start;padding:10px;position:-webkit-sticky;position:sticky;top:0}.timetable{display:flex;flex-direction:column;height:auto;justify-content:space-between;min-height:100vh;padding-bottom:0}.masjid-logo{margin-right:30px;margin-top:10px;width:200px}.time-display{align-items:center;color:#000;display:flex;font-size:6em;justify-content:center}.time-part{display:inline-block;min-width:2ch;padding:0;text-align:center}.date-display{align-items:center;color:#000;display:flex;flex-direction:column;font-size:1.5em;margin-bottom:15px;text-align:center}.islamic-date{color:#0b9152;font-size:1em;margin-top:5px}.timetable-grid{grid-gap:9px;display:grid;font-size:1em;gap:9px;grid-template-columns:repeat(3,1fr);margin-top:0;padding:9px 0}.timetable-item{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a;font-size:2.1em;padding:12px;text-align:center}.time-value{font-size:1.1em}.timetable-grid .timetable-item:nth-child(7),.timetable-grid .timetable-item:nth-child(8),.timetable-grid .timetable-item:nth-child(9){color:#ecb54e}.timetable-grid .timetable-item:nth-child(22),.timetable-grid .timetable-item:nth-child(23),.timetable-grid .timetable-item:nth-child(24){color:#f07807;font-size:1.2em}.timetable-header{font-size:1.5em;font-weight:700;padding:5px;text-align:center}.prayer-label{font-size:.7em}.begin-time{color:grey;font-size:.5em}.jummah-time,.sehri-time{display:block;text-align:center}.highlight{background-color:#ffae004d;font-weight:700}.scrolling-footer{bottom:auto;color:red;font-size:1.5em;font-weight:700;margin-bottom:20px;position:relative;text-align:center;width:100%}.timetable-grid.dark-mode .timetable-item{background-color:#333;box-shadow:none;color:#fff}.timetable-grid.dark-mode .timetable-header{color:#0b9152}.timetable-grid.dark-mode .date-display,.timetable-grid.dark-mode .islamic-date{color:#fff}@media (max-aspect-ratio:1/1) and (max-width:402px){.masjid-logo{margin-right:10px;width:150px}.time-display{font-size:3.5em}.date-display{font-size:1em;margin-bottom:10px}.islamic-date{font-size:.9em}.timetable-grid{gap:5px;margin-top:30px;padding:10px}.timetable-header{font-size:1em;padding:2px}.timetable-item{font-size:1.5em;padding:10px}.timetable-grid .timetable-item:nth-child(22),.timetable-grid .timetable-item:nth-child(23),.timetable-grid .timetable-item:nth-child(24){font-size:.8em}.scrolling-footer{color:#25cf16;font-size:.8em;margin-bottom:50px}}@media (max-aspect-ratio:1/1) and (min-width:600px) and (max-width:603px){.masjid-logo{margin-right:20px;width:200px}.time-display{font-size:5em}.date-display{font-size:1.3em;margin-bottom:10px}.islamic-date{font-size:1.1em}.timetable-grid{gap:5px;margin-top:40px;padding:10px}.timetable-header{font-size:1.2em;padding:2px}.timetable-item{font-size:1.8em;padding:10px}.timetable-grid .timetable-item:nth-child(22),.timetable-grid .timetable-item:nth-child(23),.timetable-grid .timetable-item:nth-child(24){font-size:1em}.scrolling-footer{color:#0f0cca;font-size:1em;margin-bottom:70px}}@media screen and (width:1280px) and (min-height:720px) and (max-height:721px){.header-inline{padding:10px}.masjid-logo{margin-right:0;width:150px}.time-display{font-size:4em}.date-display{font-size:1.1em;margin-bottom:5px}.prayer-label{font-size:.8em}.timetable-grid{font-size:1em;gap:5px;margin-top:0;padding:10px}.timetable-header{font-size:1em;padding:2px}.timetable-item{font-size:1.5em;padding:10px}.timetable-grid .timetable-item:nth-child(22),.timetable-grid .timetable-item:nth-child(23),.timetable-grid .timetable-item:nth-child(24){font-size:.8em}.time-value{font-size:1.3em}}@media screen and (width:1280px) and (max-height:720px) and (min-height:719px){.header-inline{padding:5px}.masjid-logo{margin-right:10px;width:150px}.time-display{font-size:4em}.date-display{font-size:1.1em;margin-bottom:10px}.islamic-date{font-size:.9em}.timetable-grid{font-size:1.25em;gap:5px;margin-top:10px;padding:10px}.timetable-header{font-size:1em;padding:2px}.timetable-item{font-size:1.3em;padding:8px}.timetable-grid .timetable-item:nth-child(22),.timetable-grid .timetable-item:nth-child(23),.timetable-grid .timetable-item:nth-child(24){font-size:.7em}.scrolling-footer{font-size:1em}}@media screen and (width:1920px) and (height:1080px){.header-inline{gap:0;padding:10px}.masjid-logo{margin-right:5px;margin-top:10px;width:220px}.time-display{font-size:6.2em}.time-part{min-width:2ch;padding:0}.date-display{font-size:2em;margin-bottom:15px}.islamic-date{font-size:.8em;margin-top:5px}.timetable-grid{font-size:1.2em;gap:10px;margin-top:0;padding:10px 15px}.timetable-item{font-size:2.1em;padding:12px}}@media screen and (width:1280px) and (max-height:552px){.header-inline{padding:10px}.masjid-logo{margin-right:50px;width:120px}.time-display{font-size:3em}.date-display{font-size:.8em;margin-bottom:5px}.prayer-label{font-size:1em}.timetable-grid{font-size:1em;gap:5px;margin-top:0;padding:10px}.timetable-header{font-size:.7em;padding:2px}.timetable-item{font-size:.6em;padding:10px}.timetable-grid .timetable-item:nth-child(22),.timetable-grid .timetable-item:nth-child(23),.timetable-grid .timetable-item:nth-child(24){font-size:.5em}.time-value{font-size:1.5em}.scrolling-footer{font-size:.6em}}@media screen and (width:960px) and (height:540px){.header-inline{padding:5px}.masjid-logo{margin-right:10px;width:120px}.time-display{font-size:2.8em}.date-display{font-size:.8em;margin-bottom:10px}.timetable-grid{font-size:.8em;gap:5px;margin-top:0;padding:10px}.timetable-header{font-size:1em;padding:2px}.timetable-item{font-size:1.3em;padding:9px}.timetable-grid .timetable-item:nth-child(22),.timetable-grid .timetable-item:nth-child(23),.timetable-grid .timetable-item:nth-child(24){font-size:.7em}.time-value{font-size:1.5em}.scrolling-footer{font-size:.6em}}.settings-dialog-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.settings-dialog{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:10px;box-shadow:0 4px 6px #0003;max-width:400px;padding:15px;text-align:center;width:95%}.settings-dialog h2{color:#333;font-size:1.3rem;margin-bottom:10px;margin-top:0;text-align:center}.settings-dialog input[type=password]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:1rem;margin-bottom:15px;padding:10px}.settings-dialog ul{list-style:none;margin:0;padding:0;text-align:left}.settings-item{margin-bottom:10px}.settings-item label{align-items:center;color:#000;display:flex;font-size:.7rem;font-weight:700;gap:10px;justify-content:space-between}.settings-item input{border:1px solid #ccc;border-radius:5px;flex:0 1;font-size:.9rem;padding:1px}.setting-description{color:#666;font-size:.7rem;line-height:1.2;margin:2px 0 15px}.settings-dialog-actions{display:flex;flex-direction:column;gap:10px;margin-top:15px}.settings-dialog-actions button{border:none;border-radius:5px;cursor:pointer;font-size:.9rem;padding:8px;transition:background-color .2s ease-in-out;width:100%}.settings-dialog-actions button:first-child{background-color:#6c757d;color:#fff}.settings-dialog-actions button:first-child:hover{background-color:#007bff;background-color:#495057}.settings-dialog-actions button:last-child{background-color:#007bff;color:#fff}.settings-dialog-actions button:last-child:hover{background-color:#0056b3}.settings-api-container{margin-bottom:30px;text-align:left}.api-url-container{align-items:center;display:flex;gap:10px}.api-url-input{border:1px solid #ccc;border-radius:5px;flex:1 1;font-size:1rem;padding:8px}.save-api-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 12px;transition:background-color .2s ease-in-out}.save-api-btn:hover{background-color:#0056b3}.tabs-header{border-bottom:2px solid #ccc;display:flex;justify-content:center;margin-bottom:15px}.tab-btn{background:none;border:none;border-top-left-radius:5px;border-top-right-radius:5px;color:#007bff;cursor:pointer;flex:1 1;font-size:1rem;outline:none;padding:10px 15px;transition:background-color .3s ease,color .3s ease}.tab-btn:hover{background-color:#f2f2f2}.tab-btn.active{background-color:#007bff;border-bottom:2px solid #fff;color:#fff}.tab-btn.active,.tab-btn:hover{font-weight:600}.announcements-content{padding:0;text-align:left}.announcements-list{list-style:none;margin:10px 0;padding:0}.announcements-list li{border-bottom:1px solid #252323;cursor:pointer;font-size:.9rem;line-height:1.2;padding:4px}.announcements-list li span{font-size:.7rem}.announcements-list li:hover{background-color:#f9f9f9}.open-announcement-dialog-btn,.open-poster-dialog-btn{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-bottom:0;padding:10px;transition:background-color .2s ease-in-out;width:100%}.open-announcement-dialog-btn:hover,.open-poster-dialog-btn:hover{background-color:#218838}.announcements-content h4{color:#f18118;font-size:.9rem;margin-bottom:5px;margin-top:0}.announcements-content .open-announcement-dialog-btn{margin-top:15px}.settings-subtabs{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-bottom:30px;padding:0}.subtab-btn{background:none;border:1px solid #ccc;border-radius:5px;color:#f18118;cursor:pointer;font-size:.8rem;outline:none;padding:5px 10px;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;white-space:nowrap}.subtab-btn:hover{background-color:#f0f0f0;border-color:#f18118}.subtab-btn.active{background-color:#f18118;border-color:#f18118;color:#fff}.subtab-btn.active,.subtab-btn:hover{font-weight:600}.announcements-list li.expired{color:#888;opacity:.6}.poster-upload-dialog-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.poster-upload-dialog{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:10px;box-shadow:0 4px 6px #0003;max-width:450px;padding:20px;text-align:center;width:95%}.poster-upload-dialog h2{color:#333;font-size:1.3rem;margin-bottom:15px;margin-top:0;text-align:center}.poster-upload-form{display:flex;flex-direction:column;gap:15px}.poster-upload-form input[type=date],.poster-upload-form input[type=file],.poster-upload-form input[type=text]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:1rem;padding:10px;width:100%}.poster-upload-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.poster-upload-actions button{border:none;border-radius:5px;cursor:pointer;font-size:1rem;padding:10px;transition:background-color .2s ease-in-out;width:100%}.poster-upload-actions button:first-child{background-color:#6c757d;color:#fff}.poster-upload-actions button:first-child:hover{background-color:#495057}.poster-upload-actions button:last-child{background-color:#007bff;color:#fff}.poster-upload-actions button:last-child:hover{background-color:#0056b3}.form-group input[type=date],.form-group input[type=file],.form-group input[type=text]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:.9rem;padding:8px;width:100%}.form-group{align-items:flex-start;display:flex;flex-direction:column;gap:5px;margin-bottom:15px}.form-group-inline input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;flex:1 1;font-size:1rem;padding:10px}.poster-preview-img{border:1px solid #ccc;display:block;margin-top:8px;max-height:100px;max-width:100px;object-fit:contain}.dialog-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.dialog{animation:fadeIn .3s ease-in-out;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0003;max-width:480px;padding:15px;width:90%}.dialog h2{color:#333;font-size:1.2rem;margin-top:0;text-align:center}.dialog h2,.form-group{margin-bottom:8px}.form-group label{color:#555;display:block;font-size:.85rem;font-weight:700;margin-bottom:4px;text-align:left}.form-group textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:.9rem;height:100px;max-height:160px;padding:6px;resize:vertical;width:100%}.form-group-inline{gap:6px;margin-bottom:8px}.form-group-inline label{font-size:.85rem;margin-bottom:0}.form-group input,.form-group-inline input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;flex:1 1;font-size:.9rem;padding:6px}.form-group-inline input[type=date]{font-size:.9rem;padding:6px}#message_font_size,#subtitle_font_size,#title_font_size{font-size:.8rem;padding:4px;width:48px}.dialog-actions{display:flex;flex-direction:column;gap:6px;margin-top:12px}.dialog-actions button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:8px;transition:background-color .2s ease-in-out;width:100%}.dialog-actions button[type=button]{background-color:#f5f5f5;color:#333}.dialog-actions button[type=button]:hover{background-color:#e0e0e0}.dialog-actions button:nth-child(2){background-color:#4caf50;color:#fff}.dialog-actions button:nth-child(2):hover{background-color:#45a049}.dialog-actions button[type=submit]{background-color:#007bff;color:#fff}.dialog-actions button[type=submit]:hover{background-color:#0056b3}.donation-dialog-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.donation-dialog{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:10px;box-shadow:0 4px 6px #0003;max-width:400px;padding:15px;text-align:center;width:95%}.donation-dialog h3{color:#333;font-size:1.3rem;margin-bottom:10px;margin-top:0;text-align:center}.form-group-inline{align-items:center;display:flex;gap:10px;margin-bottom:15px}.form-group-inline label{color:#555;flex-shrink:0;font-weight:700}.form-group-inline input,.form-group-inline textarea{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;flex:1 1;font-size:1rem;padding:8px}.radio-group{align-items:center;display:flex;gap:20px}.donation-form-buttons{display:flex;flex-direction:column;gap:10px;margin-top:15px}.donation-form-buttons button{border:none;border-radius:5px;cursor:pointer;font-size:.9rem;padding:8px;transition:background-color .2s ease-in-out;width:100%}.donation-form-buttons button[type=button]{background-color:#6c757d;color:#fff}.donation-form-buttons button[type=button]:hover{background-color:#495057}.donation-form-buttons button[type=submit]{background-color:#007bff;color:#fff}.donation-form-buttons button[type=submit]:hover{background-color:#0056b3}body{font-family:Roboto,sans-serif;margin:0;padding:0}.donations-container{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:98%}.donations-header{color:#333;cursor:pointer;font-size:1.7em;margin-bottom:10px;margin-top:10px;text-align:center}.donations-list-container{display:flex;flex:1 1;flex-direction:column}.donations-lists{display:flex;flex-direction:row;flex-grow:1;gap:20px;justify-content:space-between;margin-bottom:5px;margin-left:5px;margin-right:5px;overflow:hidden}.donations-list{display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;max-height:100%;overflow-y:auto}.donations-list ul{list-style:none;margin:0;padding:0}.donations-list li{border-bottom:1px solid #000;font-family:Roboto,sans-serif;font-size:1.2em;padding:2px 0}.donations-list-heading{border-bottom:2px solid #f4f6f8;color:#047016;font-size:1.2em;margin-bottom:5px;margin-top:0!important;padding-bottom:5px}.friday-collection{background-color:#c97b22;border:1px solid #b56e1f;border-radius:10px;box-shadow:0 4px 6px #0000001a;font-family:Nunito,sans-serif;margin:5px 0;padding:5px;text-align:center}.friday-collection h3{font-size:1.6em;margin-bottom:3px;margin-top:0;text-align:center}.friday-collection p{font-size:1.4em;font-weight:700;margin:0;text-align:center}.friday-total-input{border:2px solid #333;border-radius:5px;font-size:1em;margin-bottom:8px;padding:10px;text-align:center}.qr-code-section{align-items:center;background-color:#f9f9f9;border-radius:5px;display:flex;justify-content:center;margin:5px;padding:10px}.qr-code-image{margin-right:10px;width:60px}.qr-code-text{color:#333;font-family:Roboto,sans-serif;font-size:1em;line-height:1.4;margin:0}.footer-text{font-size:1em}@media (max-width:768px){.donations-list li{font-size:.8em}.friday-collection h3{font-size:1.2em}.friday-collection p{font-size:1em}.qr-code-section{margin:5px 2px;padding:5px}.qr-code-image{width:50px}.footer-text,.qr-code-text{font-size:.7em;line-height:1.5}.donations-list-heading{font-size:1.2em}}@media screen and (width:1280px) and (min-height:720px) and (max-height:721px){.donations-header{font-size:1.5em}.donations-list li{font-size:.8em}.friday-collection h3,.friday-collection p{font-size:1.5em}.qr-code-image{width:50px}.footer-text,.qr-code-text{font-size:.7em;line-height:1.5}.donations-list-heading{font-size:1.2em}}@media screen and (width:1280px) and (max-height:552px){.donations-header{font-size:1.2em}.donations-list li{font-size:.8em}.friday-collection h3,.friday-collection p{font-size:1em}.qr-code-image{width:50px}.footer-text,.qr-code-text{font-size:.7em;line-height:1.5}.donations-list-heading{font-size:1.2em}}@media screen and (width:1280px) and (max-height:720px) and (min-height:719px){.donations-header{font-size:1.1em}.donations-list li{font-size:.5em}.friday-collection{margin:0}.friday-collection h3{font-size:1.3em}.friday-collection p{font-size:1em}.qr-code-section{margin:5px 2px;padding:5px}.qr-code-image{width:40px}.qr-code-text{font-size:.6em;line-height:1.5}.footer-text{font-size:.5px}.donations-list-heading{font-size:.9em}}@media screen and (width:1920px) and (height:1080px){.donations-header{font-size:2em}.donations-list li{font-size:1.1em}.friday-collection h3,.friday-collection p{font-size:2em}.qr-code-image{width:50px}.footer-text,.qr-code-text{font-size:.7em;line-height:1.5}}@media screen and (width:960px) and (height:540px){.donations-header{font-size:1.3em}.donations-list li{font-size:.6em}.friday-collection h3{font-size:1em}.friday-collection p{font-size:.9em}.qr-code-image{width:50px}.footer-text,.qr-code-text{font-size:.7em;line-height:1.5}}.donations-list{scrollbar-width:none}*{box-sizing:border-box}.posters-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:5px;text-align:center;width:100%}.poster-image{border-radius:10px;box-shadow:0 4px 8px #0000001a;height:auto;margin:5px 0;max-height:90%;max-width:90%;object-fit:contain;transition:transform .3s ease;width:90%}.heading{color:#333;display:block;font-size:1.5em;margin-bottom:5px;margin-top:5%}.countdown{color:#444;font-size:10px;font-weight:700;margin-top:10px;text-align:center}@media (max-width:480px) and (orientation:portrait){.poster-image{height:auto;max-width:100%;padding:0 10px;width:100%}}@media screen and (width:960px) and (height:540px){.posters-container{height:100%;width:100%}.poster-image{height:auto;max-width:95%;width:95%}}@media screen and (width:1280px) and (min-height:720px) and (max-height:721px){.posters-container{height:100%;width:100%}.poster-image{height:auto;max-width:95%;width:95%}.heading{font-size:1.1em;margin-bottom:5px;margin-top:0}}@media screen and (width:1280px) and (max-height:552px){.posters-container{height:100%;width:100%}.poster-image{height:auto;max-width:95%;width:95%}.heading{font-size:1.1em;margin-bottom:5px;margin-top:0}}.verses-container{align-items:center;border-radius:15px;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:90%;justify-content:center;padding:20px;position:relative;text-align:center;transition:background-color .3s ease;width:90%;z-index:1}.bismillah{color:#0b9152;font-family:Dancing Script,cursive;font-size:3em;line-height:1.2;text-align:center}.text{color:#333;font-family:Noto Sans,sans-serif;font-size:2em;margin-bottom:10px}.reference{color:#555;font-family:"Noto Serif",serif;font-size:1.5em;margin-bottom:20px}.hadith-title{color:#ce3d3d;font-family:Amiri,serif;font-size:1.6em;margin-bottom:10px}@media (max-aspect-ratio:1/1) and (max-width:768px){.verses-container{height:70%;padding:10px;width:100%}.bismillah{font-size:2em}.text{font-size:1.5em}.reference{font-size:1.2em}.hadith-title{font-size:1.4em}}@media screen and (width:1280px) and (min-height:720px) and (max-height:721px){.bismillah{font-size:2em}.text{font-size:1.5em}.reference{font-size:1em}.hadith-title{font-size:1.5em}}@media screen and (width:1280px) and (max-height:552px){.bismillah{font-size:2em}.text{font-size:1.5em}.reference{font-size:1em}.hadith-title{font-size:1.5em}}@media screen and (width:1920px) and (height:1080px){.bismillah{font-size:3em}.text{font-size:2em}.reference{font-size:1.5em}.hadith-title{font-size:2em}}@media screen and (width:960px) and (height:540px){.bismillah{font-size:1.5em}.text{font-size:1.2em}.reference{font-size:1em}.hadith-title{font-size:1.2em}}.announcements-container{border-radius:10px;display:flex;flex-direction:column;height:100%;margin:5px auto;max-width:600px;overflow:hidden;padding:10px;text-align:center}.announcements-header-container{flex-shrink:0;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:2}.announcements-header{color:#333;font-size:1.4em;font-weight:700;margin:0;padding:0}.announcements-display{flex:1 1}.announcement-item,.announcements-display{align-items:center;display:flex;justify-content:center;overflow:hidden}.announcement-item{border:none;flex:1 1;flex-direction:column;height:100%;padding:15px;width:100%}.announcement-header{display:flex;flex:1 1;flex-direction:column;padding-top:0}.announcement-header,.announcement-title{margin-bottom:0;margin-top:0;text-align:center}.announcement-title{font-size:var(--announcement-title-font-size);font-weight:700}.announcement-subtitle,.announcement-title{color:#db9705;max-width:100%;white-space:wrap}.announcement-subtitle{font-size:var(--announcement-subtitle-font-size);font-weight:500;margin:0;padding:0;text-align:center}.announcement-content{word-wrap:break-word;color:#333;display:flex;flex-grow:1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:var(--announcement-content-font-size);font-weight:600;line-height:1.2;margin:0;overflow:hidden;padding:5px;text-align:center}.announcement-content.long-text{max-height:95%;overflow-y:auto;padding:10px;scroll-behavior:smooth;scrollbar-width:none}.announcement-content.long-text::-webkit-scrollbar{display:none}.slide-in{animation:slideIn .8s ease-in-out}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.zoom-in{animation:zoomIn .8s ease-in-out}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.flip{animation:flip .8s ease-in-out}@keyframes flip{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0deg)}}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-aspect-ratio:1/1) and (min-width:600px) and (max-width:603px){.announcements-header{font-size:1.5em}.announcements-display{padding:10px}.announcement-item{padding:15px}.announcement-header{margin-top:0;padding-top:0}.announcement-title{font-size:1.8em;margin-bottom:0;margin-top:10px;padding-top:5px}.announcement-subtitle{font-size:1rem;font-weight:500}.announcement-content{font-size:1rem;font-weight:600;line-height:1.4}}#root,.App,body,html{font-family:Orbitron,sans-serif;height:100%;overflow:hidden}.App{align-items:center;background-color:#da8608;display:flex;flex-direction:column;justify-content:space-between;min-height:50vh;padding-bottom:5px;padding-top:5px}.main-content{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:5px;height:100%;overflow-x:hidden;overflow-y:hidden;width:100vw}.left-panel,.middle-panel,.right-panel{align-items:center;border:2px solid #333;border-radius:10px;display:flex;flex:1 1 30%;flex-direction:column;height:100%;justify-content:center;max-width:100%;overflow-y:hidden}.left-panel{background:linear-gradient(135deg,#fff,#bde0be);box-sizing:border-box}.middle-panel{background-image:url(/static/media/versesBackground.ae69067cc11ae2b897cd.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover}.right-panel{background:linear-gradient(135deg,#ecb652,#da8608);display:flex;overflow-y:hidden}.landscape-warning{display:none}@media (max-aspect-ratio:1/1) and (max-width:1920px){.App,.main-content{flex-direction:row;height:100vh}.main-content{overflow-x:auto;scroll-snap-type:x mandatory}.left-panel,.middle-panel,.right-panel{border-radius:0;flex:0 0 100vw;height:90vh;scroll-snap-align:start}}@media (min-aspect-ratio:1/1) and (max-width:768px){.App,.main-content{display:none!important}.landscape-warning{align-items:center;background-color:#fff;color:#721c24;display:flex!important;font-size:1em;height:50vh;justify-content:center;text-align:center;width:100vw}}
/*# sourceMappingURL=main.c09b1bbd.css.map*/