body{margin:0;background:#282c34;color:#61dafb;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}.masjid-name{align-content:center}.next-salah{vertical-align:bottom}.next-salah div{color:#adff2f}.next-salah .alarm{color:red;-webkit-animation:blinkingText 5s infinite;animation:blinkingText 5s infinite}.timecontainer .time{letter-spacing:12px;font-size:1.8in;flex-horizontal-center:1;flex-direction:row}.timecontainer .time .ampm{font-size:20%;margin-top:1.4in;width:100px}.date,.date-hijri{font-size:.4in}.middle-row{margin-top:1.9in}.today{margin-top:100px}.today time{color:#fff}.today .current{background:#000;background:#006400}.today .next .time{color:#adff2f;font-weight:700}.info span,.info time{font-size:60%;color:grey}@-webkit-keyframes blinkingText{0%{color:red}90%{color:red}to{color:transparent}}@keyframes blinkingText{0%{color:red}90%{color:red}to{color:transparent}}.App{margin-top:10px;text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.toprow .row{height:120px}.toprow{height:180px}.timecontainer{font-weight:700;font-size:.3in}.timecontainer .time{letter-spacing:0;font-size:3.8in;font-weight:700;display:inline-flex;vertical-align:bottom}.timecontainer .time .ampm{letter-spacing:normal;font-size:15%;font-weight:400;margin-top:3in;margin-right:0;Width:100px}.toprow2 .timecontainer .date{align-content:center;align-self:center;font-size:.5in;width:100%}.middle-row{margin-top:2.9in;font-size:.3in}.middle-row .title{font-size:.4in;color:#eef;font-weight:700}.today{margin-top:0;font-size:1in}.today .title{font-size:.6in}.today .row{border-bottom:4px solid grey;vertical-align:center}.today .time{color:#adff2f;font-size:1in}.today .info{font-size:90%;color:grey}.today .current .info{font-size:90%;color:#fff}.next-salah{vertical-align:top;margin-top:0;display:inline-flex;flex-horizontal-center:1;flex-direction:row}.next-salah,.next-salah .time{font-size:45px}.next-salah .alarm{font-size:55px}.masjid-name{padding-top:10px;font-size:.25in}.next-salah div{font-size:.4in;display:inline-flex;flex-horizontal-center:1;flex-direction:row}.next-salah .alarm{font-weight:700;font-size:50px}.clock{position:fixed;right:80px;top:-30px}.clock .time{letter-spacing:10px;font-size:3in;display:inline-flex}.clock .time .ampm{font-size:.5in;margin-top:2.7in;width:150px}.date{font-size:.5in}.date-hijri{font-size:.6in}.toprow{height:200px}.today{margin-top:80px;font-size:.5in}.today .title{font-size:.5in;margin-top:30px}.today time{font-size:.9in;margin-top:30px}.today .iqama .info time{font-size:80%;color:grey}.today .current .info time{color:#ff0}.today .col{border:7px solid #1b1e21;border-radius:15px}.today .friday{border-right:7px solid #000}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{background:#000}.compact-dashboard{--compact-scale:0.624;--compact-h-padding:15px;width:1198px;max-width:100vw;height:379px;margin:0 auto;overflow:hidden;position:relative}.compact-dashboard .container-fluid{padding-left:var(--compact-h-padding);padding-right:var(--compact-h-padding)}.compact-dashboard .masjid-name{padding-top:calc(10px*var(--compact-scale));font-size:calc(0.25in*var(--compact-scale))}.compact-dashboard .next-salah div{font-size:calc(0.4in*var(--compact-scale));display:inline-flex;justify-content:flex-start;flex-direction:row}.compact-dashboard .next-salah .alarm{font-weight:700;font-size:calc(50px*var(--compact-scale))}.compact-dashboard .clock{position:absolute;right:var(--compact-h-padding);top:calc(-30px*var(--compact-scale))}.compact-dashboard .clock .time{letter-spacing:calc(10px*var(--compact-scale));font-size:calc(3in*var(--compact-scale));display:inline-flex}.compact-dashboard .clock .time .ampm{margin-top:calc(2.7in*var(--compact-scale));width:calc(150px*var(--compact-scale))}.compact-dashboard .clock .time .ampm,.compact-dashboard .date{font-size:calc(0.5in*var(--compact-scale))}.compact-dashboard .date-hijri{font-size:calc(0.6in*var(--compact-scale))}.compact-dashboard .toprow{height:calc(200px*var(--compact-scale))}.compact-dashboard .compact-top-meta{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.compact-dashboard .compact-meta-left{width:50%;max-width:50%;padding-left:0;margin-left:0;text-align:left}.compact-dashboard .compact-meta-left .date,.compact-dashboard .compact-meta-left .date-hijri,.compact-dashboard .compact-meta-left .next-salah{text-align:left}.compact-dashboard .today{margin-top:calc(56px*var(--compact-scale));font-size:calc(0.5in*var(--compact-scale));padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}.compact-dashboard .today>:first-child{display:none}.compact-dashboard .today>:nth-child(2){max-width:100%;flex:0 0 100%;padding-left:0!important;padding-right:0!important}.compact-dashboard .today .iqama{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.compact-dashboard .today .iqama>*{padding-left:3px!important;padding-right:3px!important}.compact-dashboard .today .iqama>:first-child{padding-left:0!important}.compact-dashboard .today .iqama>:last-child{padding-right:0!important}.compact-dashboard .today .title{font-size:calc(0.5in*var(--compact-scale));margin-top:calc(12px*var(--compact-scale))}.compact-dashboard .today time{font-size:calc(0.9in*var(--compact-scale));margin-top:calc(12px*var(--compact-scale))}.compact-dashboard .today .iqama .info time{font-size:80%;color:grey}.compact-dashboard .today .current .info time{color:#ff0}.compact-dashboard .today .col{border:calc(7px*var(--compact-scale)) solid #1b1e21;border-radius:calc(15px*var(--compact-scale))}.compact-dashboard .today .friday{border-right:calc(7px*var(--compact-scale)) solid #000}
/*# sourceMappingURL=main.7f0d2132.chunk.css.map */