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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.top-bar{background-color:#004d40;box-shadow:0 2px 10px #0000004d;color:#fff;height:60px;padding:10px 50px;position:fixed;top:0;z-index:1000}.top-bar,.top-bar-content{align-items:center;display:flex;justify-content:space-between;width:100%}.home-section{align-items:center;display:flex;gap:10px;margin-left:20px}.greeting{flex-grow:1;padding-left:20px;text-align:left}.profile-section{align-items:center;display:flex;gap:15px;margin-right:10px}.profile-pic{border-radius:50%}.icon,.profile-pic{height:35px;width:35px}.icon{align-items:center;background-color:initial;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.8em;justify-content:center}.icon:hover{color:#aaffaf}.App{background-color:#1a1a1a;color:#fff;justify-content:flex-start;min-height:100vh;padding-top:80px}.App,.prayer-counters{align-items:center;display:flex;flex-direction:column}.prayer-counters{flex-grow:1;margin-top:15px;width:100%}.prayer-counter-wrapper{align-items:center;display:flex;flex-direction:column;width:350px}.prayer-counter{align-items:center;background-color:#1a1a1a;border-radius:10px;box-shadow:0 2px 5px #0000004d;display:flex;justify-content:space-between;margin-bottom:10px;padding:5px;width:100%}button.icon{background-color:initial;border:none;margin:0;padding:0}.counter-icon{color:#4caf50;cursor:pointer;font-size:30px}.counter-icon:hover{color:#45a049}@media only screen and (max-width:600px){.greeting h2{font-size:16px}.fa-power-off{color:#fff;font-size:1.6em;height:auto;width:auto}.prayer-counter{min-width:150px}}.sign-in-container{align-items:center;display:flex;justify-content:center;margin-top:15px}.google-signin-button{color:#fff;cursor:pointer;font-size:100px}.oldest-missed-container{margin-top:5px;text-align:center;width:100%}.custom-checkbox{background-color:#ccc;border-radius:15px;cursor:pointer;display:inline-block;height:20px;margin-right:10px;position:relative;transition:background-color .2s ease;width:40px}.custom-checkbox input{height:0;opacity:0;width:0}.custom-checkbox:before{background-color:#fff;border-radius:50%;content:"";height:14px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:14px}.custom-checkbox input:checked+.custom-checkbox:before{transform:translateX(20px)}.custom-checkbox input:checked+.custom-checkbox{background-color:#4caf50}.custom-toggle{align-items:center;display:flex;justify-content:center}.back-link,.back-link:hover,.back-link:visited,.prayer-label,.prayer-label:hover,.prayer-label:visited{color:#fff;text-decoration:underline}table{border-collapse:collapse;text-align:center;width:100%}td,th{border:1px solid #ccc;padding:10px}.prayer-counter-header{padding:8px}.tutorial-screen{color:#fff;margin:auto;max-width:600px;padding:20px;text-align:left}.tutorial-screen h2{margin-bottom:20px;text-align:center}.tutorial-screen p{font-size:16px;margin-bottom:15px}.tutorial-screen button{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:12px;transition:background-color .3s ease;width:100%}.tutorial-screen button:hover{background-color:#45a049}.loading-screen{align-items:center;background-color:#1a1a1a;color:#fff;display:flex;font-size:24px;font-weight:700;height:calc(100vh - 60px);justify-content:center;margin-top:-40px}.clock{filter:contrast(1.1) brightness(1.05);height:200px;position:relative;width:200px}.hour-hand,.minute-hand{left:50%;position:absolute;transform:translateX(-50%);transform-origin:center bottom}.hour-hand{animation:rotate-hour 6s linear infinite;height:11.5px;left:calc(50% - .7px);top:89.7px;transform:translateX(-50%)}.hour-hand,.minute-hand{background-color:#1a1a1a;width:3px}.minute-hand{animation:rotate-minute 30s linear infinite;height:17px;top:85px}@keyframes rotate-hour{0%{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(-50%) rotate(1turn)}}@keyframes rotate-minute{0%{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(-50%) rotate(1turn)}}.notification-prompt{background-color:#fff;border:1px solid #ddd;bottom:10%;box-shadow:0 0 10px #0003;margin:0 auto;max-width:300px;padding:20px;position:fixed;text-align:center;width:90%;z-index:1000}.notification-prompt button{margin:10px}
/*# sourceMappingURL=main.3e929a50.css.map*/