@import url(https://fonts.googleapis.com/css2?family=Amiri&family=Markazi+Text:wght@400;700&family=Poppins:wght@200;400;600&display=swap);body{font-family:"Poppins";height:100vh;font-size:9px;padding:0;margin:0;background-color:#003262}#root{height:100%}.App{-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:1fr 10fr 5fr 1fr;grid-template-rows:1fr 10fr 5fr 1fr;grid-auto-rows:minmax(100px,auto);grid-auto-columns:minmax(100px,auto)}.App,.background{height:100%;display:-ms-grid;display:grid}.background{width:100%;-ms-grid-row:1;-ms-grid-row-span:5;grid-row:1/6;-ms-grid-column:1;grid-column:1;place-self:center;-ms-grid-columns:(1fr)[13];grid-template-columns:repeat(13,1fr);-ms-grid-rows:(1fr)[16];grid-template-rows:repeat(16,1fr);border:1px solid #000;z-index:-1;font-weight:400;color:#0054a4;text-align:center}.nameAllah{font-family:"Amiri";font-size:3em}.nav{-ms-grid-row:1;grid-row:1;-ms-grid-column:1;grid-column:1;display:flex;justify-content:center;align-items:center;background-color:rgba(0,63,124,.5);font-size:5em;font-weight:600;line-height:1em;border-radius:0 0 .3em .3em;padding:.3em 0}.nav a{text-decoration:none;color:#fdb515}.nav .arabic{letter-spacing:-.05em;font-weight:700}.arabic{font-family:"Markazi Text";padding-left:.3em;font-size:1.3em;pointer-events:none}.center{grid-column:1/-1;grid-row:1/-1;display:flex;justify-content:center;align-items:center}.center .formContainer{display:block}.center .formContainer .title{color:#fdb515;font-size:3em}.center .formContainer textarea{background-color:rgba(0,58,113,.5);border:none;border-radius:.5em;padding:.2em;font-size:5em;color:#fdb515}.center .formContainer textarea:focus{outline:none;border:2px solid #c4820e}.center .formContainer a{display:block;padding:.5em 1em;background-color:#c4820e;color:#fff;font-size:2em;border-radius:.5em;text-decoration:none;text-align:center}.upper-home{display:flex;justify-content:center;align-items:center;text-align:center;font-size:6em;color:#fdb515}.upper-home,.upper-salah{-ms-grid-row:2;grid-row:2;-ms-grid-column:1;grid-column:1}.upper-salah{display:-ms-grid;display:grid;place-items:center;-ms-grid-columns:1;grid-template-columns:1;-ms-grid-rows:1fr 2fr 1fr;grid-template-rows:1fr 2fr 1fr}.rakah{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}.rakah h2{font-size:5.9em;font-weight:400;color:#fdb515}.pose{padding-top:3em;-ms-grid-column:1;grid-column:1;-ms-grid-row:2;grid-row:2;height:35em;width:35em;display:flex;justify-content:center;align-items:center}.pose img{max-width:100%;max-height:100%}.pose svg{height:100%;width:100%}.name{-ms-grid-column:1;grid-column:1;-ms-grid-row:3;grid-row:3}.name h1{font-size:6em;font-weight:400;color:#fdb515}.lower-salah{-ms-grid-row:3;grid-row:3;-ms-grid-column:1;grid-column:1;display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:2fr;grid-template-rows:2fr}.lower-salah .controls{place-self:center;-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1;display:flex;justify-content:space-between;align-items:center;width:60%}.lower-salah .controls .Option{height:1em;width:1em;padding:0;border-radius:.3em;display:flex;justify-content:center;align-items:center}.lower-salah .controls .Option svg{fill:#fdb515;width:100%;height:100%}.audioplayer{display:none}.Selector{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);grid-column-gap:4em;-ms-grid-rows:1;grid-template-rows:1;grid-row-gap:3em}.Option{display:flex;justify-content:center;align-items:center;border:none;border-radius:.5em;background-color:#003a71;font-size:8em;font-weight:600;color:#fdb515;box-shadow:0 .1em .1em .1em rgba(0,37,73,.5)}.Rakat{width:2em;height:2em}.Salat{-ms-grid-column:1;-ms-grid-column-span:3;grid-column:1/4;padding:.35em}.Option:hover{background-color:#003f7c}.Option:active{border:.1em solid #fdb515;border-radius:.5em;background-color:#003262;box-shadow:inset 0 .1em .1em .1em #002549}.lower-home{display:flex;justify-content:center;align-items:flex-start;-ms-grid-row:3;grid-row:3}.footer,.lower-home{-ms-grid-column:1;grid-column:1}.footer{padding-top:2em;-ms-grid-row:5;grid-row:5;font-size:2.25em;font-weight:200;color:#fdb515;display:-ms-grid;display:grid;-ms-grid-columns:1;grid-template-columns:1;-ms-grid-rows:3;grid-template-rows:3;text-align:center}.footer a{text-decoration:none;color:#c4820e}@media only screen and (max-width:540px){body{font-size:6px}}@media only screen and (max-width:360px){body{font-size:5px}}@media only screen and (max-width:280px){body{font-size:4px}}
/*# sourceMappingURL=main.bd24a51f.chunk.css.map */