@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";*{text-align:center;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:#10112f;background-image:url(/assets/IslamicArt-BoSu7xVo.jpeg);background-size:300px;background-repeat:repeat-y repeat-x;margin:0;padding:0;display:flex;align-items:center;justify-content:center;height:100vh}.App{display:flex;flex-direction:column;align-items:center;justify-content:center}.locationInfo{display:flex;flex-direction:row;align-items:center;justify-content:center}.prayerTimes{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 40px 40px;padding:40px;box-shadow:0 0 10px 7px #10112f;border-radius:20px;background-color:#10112f}.prayerTimes h1{font-family:Roboto,sans-serif;font-size:32px;font-weight:700;color:#fff;margin-bottom:10px;margin-top:0;transition:color .3s ease-in-out,font-size .3s ease-in-out}.prayerTimes h1>i{color:#ffc14d;font-size:30px;margin-right:25px;transition:color .3s ease-in-out,transform .6s ease-in-out;transform-style:preserve-3d}.prayerTimes h1>i:hover{color:#f9a915;cursor:pointer;transform:scale(1.1) rotateY(360deg)}.prayerTimes span{content:"";display:block;height:2px;width:50px;background-color:#fff;margin:20px auto 10px}.prayerTime{margin:10px;width:120px;height:85px;border-radius:10px;text-align:center;vertical-align:middle;background-color:#d3ba8b;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.prayerTime>p.upcoming{display:none}.prayerTime:hover{background-color:#ffc14d;box-shadow:0 0 15px #ffc14d80}.prayerTimeHighlight{background-color:#fff;font-weight:700;box-shadow:0 0 25px #ffffffb3;padding:10px 20px;font-size:1.2em;border-radius:10px;transition:background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out,transform .3s ease-in-out;margin:10px}.prayerTimeHighlight>p{color:#10112f;transition:color .3s ease-in-out}.prayerTimeHighlight>p.upcoming{display:block;font-weight:400;letter-spacing:.8px;font-size:.9em;margin-top:5px;color:#10112f}.prayerTimeHighlight:hover{background-color:#ccc;box-shadow:0 0 25px #ccccccb3;transform:scale(1.05)}.prayerTimeHighlight:hover>p{color:#10112f}.prayerTimings{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-left:20px;margin-right:20px;margin-top:10px}.locationInfoContainer{display:flex;flex-direction:row;align-items:stretch;justify-content:center}.locationInfo{flex:1}.locationForm form{display:flex;flex-direction:row;align-items:center;justify-content:center;max-width:800px;margin:40px;padding:40px;box-shadow:0 0 10px 7px #10112f;border-radius:20px;background-color:#10112f}.locationForm input{margin:10px;padding:12px 20px;font-size:16px;border:4px solid #D3BA8B;border-radius:4px;transition:border-color .3s ease-in-out;outline:none}.locationForm input:focus{border-color:#ffdd9e}.locationForm button{margin:10px;padding:12px 20px;font-size:16px;background-color:#ffdd9e;color:#10112f;border:2px solid #ffdd9e;border-radius:4px;cursor:pointer;transition:background-color .3s ease-in-out,border-color .3s ease-in-out,transform .3s ease-in-out;outline:none}.locationForm button:hover{border-color:#ffc14d;background-color:#ffc14d}.locationForm button:focus{border-color:#ffc14d;background-color:#ffc14d}.locationForm button:active{transform:scale(1.1)}.locationForm button:disabled{background-color:#d0d0d0;color:#a0a0a0;cursor:not-allowed;border:1px solid #b0b0b0}.locationForm button:disabled:hover,.locationForm button:disabled:active{background-color:#d0d0d0;cursor:not-allowed}.dates{display:flex;flex-direction:row;align-items:center;justify-content:space-between}p{font-family:Roboto,sans-serif;font-size:16px;color:#10112f;margin-right:20px;margin-left:20px}p.date{color:#fff}.locationResult{font-family:Roboto,sans-serif;font-size:16px;color:#a94442;background-color:#fdcece;padding:12px 20px;margin:10px 0;border-radius:4px;box-shadow:0 0 10px 3px #10112f;text-align:center;transition:background-color .3s ease-in-out,color .3s ease-in-out;max-width:800px;box-sizing:border-box}.locationResult:hover{background-color:#f7abab;color:#a94442}.fa-circle-info:hover{color:#f9a915;transform:scale(1.1) rotate(360deg);cursor:help}.tipModal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.tipModal-content{background-color:#10112f;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:600px;border-radius:10px;box-shadow:0 0 10px #0000004d}.tipDiv{position:relative;padding:20px;box-shadow:0 0 10px 5px #10112f;border-radius:20px;background-color:#10112f;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:10px 0;transition:background-color .3s ease-in-out,color .3s ease-in-out,transform .3s ease-in-out}.tip{font-family:Roboto,sans-serif;font-size:16px;color:#fff;margin:0 20px;position:relative}.tipModal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#0006}.tipModal-content{background-color:#10112f;padding:20px;border:1px solid #888;width:80%;max-width:600px;border-radius:10px;box-shadow:0 0 10px #0000004d}.tipModal-content>p{color:#fff}.tipDiv>i{position:absolute;top:-10px;right:-10px;color:#ffc14d;background-color:#10112f;font-size:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .3s ease-in-out,transform .3s ease-in-out}.fa-circle-xmark{color:#ffc14d;font-size:35px;font-weight:700;transition:color .3s ease-in-out,transform .3s ease-in-out}.fa-circle-xmark:hover{color:#f9a915;text-decoration:none;cursor:pointer;transform:scale(1.1) rotate(90deg)}.lds-roller,.lds-roller div,.lds-roller div:after{box-sizing:border-box;color:#fff}.lds-roller{display:inline-block;position:relative;width:80px;height:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7.2px;height:7.2px;border-radius:50%;background:currentColor;margin:-3.6px 0 0 -3.6px}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:62.62742px;left:62.62742px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:67.71281px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:70.90963px;left:48.28221px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:70.90963px;left:31.71779px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:67.71281px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:62.62742px;left:17.37258px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12.28719px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hadithContent{display:flex;flex-direction:column;align-items:center;justify-content:center}.hadithInfo{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:40px;padding:40px;box-shadow:0 0 10px 7px #10112f;border-radius:20px;background-color:#10112f}.hadithInfo h1{font-family:Roboto,sans-serif;font-size:32px;font-weight:700;color:#fff;margin-bottom:10px;margin-top:0;transition:color .3s ease-in-out,font-size .3s ease-in-out}.hadithInfo p{font-family:Roboto,sans-serif;font-size:16px;color:#fff;margin:10px 0}.hadithInfo>:nth-child(2)>i{color:#ffc14d;font-size:25px;transition:color .3s ease-in-out,transform .3s ease-in-out;margin:10px 10px 0;cursor:pointer}.hadithInfo>:nth-child(2)>i:nth-child(2){cursor:help}.hadithInfo>:nth-child(2)>i:nth-child(3){transition:color .3s ease-in-out,transform .6s ease-in-out;transform-style:preserve-3d}.hadithInfo>:nth-child(2)>i:nth-child(3):hover{transform:scale(1.1) rotate(360deg)}.hadithInfo>:nth-child(2)>i:hover{color:#f9a915}.rotating{color:#ffc14d;font-size:50px;margin-top:30px;animation:rotate .7s linear infinite}.not-rotating{transition:transform 3s ease-in-out}.not-rotating:hover{transform:scale(1.2) rotate(180deg)}@keyframes rotating{0%{transform:scale(2) rotate(0)}to{transform:scale(2) rotate(720deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hadithInfoContent{display:flex;flex-direction:column;gap:15px;background-color:#10112f;padding:20px;border:1px solid #888;width:80%;max-width:600px;border-radius:10px;box-shadow:0 0 10px #0000004d}.hadithTip{font-family:Roboto,sans-serif;font-size:16px;color:#fff;position:relative}.hadithInfoModal select{margin:10px;font-size:16px;color:#10112f;border:3px solid #D3BA8B;border-radius:4px;cursor:pointer;transition:background-color .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out;outline:none}.hadithInfoModal select:hover{background-color:#ffc14d;border-color:#ffc14d}.hadithInfoModal select:focus{background-color:#ffdd9e;border-color:#ffdd9e}