*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;margin:0;font-family:"Poppins",sans-serif;font-display:swap}.App{background-color:#923cb5;background-image:linear-gradient(147deg,#923cb5,#000 90%);background-size:cover;text-align:center;min-height:100vh;color:#e4a9a9;padding:0 2.5rem}iframe{pointer-events:none;width:170px;height:150px}.banner h1{font-size:1rem;color:#e25933}.loading{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading h1{font-size:1.5rem;color:#e25933;border:1px solid #e25933;padding:.5rem 1rem;margin:1rem;transition:all .3s ease}.loading h1:hover{background-color:#e25933;color:#000;transform:scale(1.05)}.loading h2{font-size:1rem;color:#e4a9a9}.logo{padding-top:1rem}.date{padding-bottom:2rem;text-align:right;width:100%;max-width:500px;margin:0 auto}.date h1{font-size:1rem;color:#e25933}.date h2{font-size:.8rem}.ramadan-info{padding-top:.5rem}.timer{font-size:1rem;color:#e4a9a9;padding-bottom:2rem}.timer h1{font-size:1.55rem;color:#e25933}.timer h2{font-size:1.55rem;color:#a0eced}.timer h3{font-size:1rem}.location{display:flex;align-items:center;justify-content:right;width:100%;max-width:500px;padding-bottom:.3rem}.location h3{font-size:1.5rem}.location h4{font-size:.8rem;font-style:italic}.prayer-times-table{padding-bottom:2rem;display:flex;justify-content:center;align-items:center;width:100%;max-width:500px;margin:0 auto}table{border-collapse:collapse;width:100%;color:#e4a9a9}td,th{text-align:left;padding-left:2rem;padding-right:1rem;padding-bottom:.3rem}th{padding-top:1rem;border-bottom:1px solid #e4a9a9;font-size:1.25rem}td{font-size:.9rem}p{font-size:.8rem}.footer{font-size:.7rem;padding-top:1rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;bottom:0;left:0;width:100%;padding-bottom:1rem}a{cursor:pointer}a:link{color:#e25933}a:visited{color:#b005ff}a:hover{color:#ff69b4}.location-input::placeholder{color:rgba(228,169,169,.5);opacity:1}.location-input:focus{border-color:#e25933;box-shadow:0 0 5px rgba(226,89,51,.5)}@media screen and (min-width:768px){iframe{width:250px;height:250px}.date{padding-right:2rem}.date h1{font-size:1.35rem}.date h2{font-size:1rem}.timer h1,.timer h2{font-size:2.5rem}.timer h3,th{font-size:1.5rem}td{font-size:1.1rem}p{font-size:1rem}.footer{position:relative;bottom:0;padding:1rem}}@media screen and (min-width:1024px){.timer h1,.timer h2{font-size:3.5rem}.timer h3{font-size:2rem}}
/*# sourceMappingURL=main.f3ef2031.chunk.css.map */