body{margin:0;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;background-image:url(../../static/media/back2.426aacf7.jpg);background-repeat:no-repeat;background-size:cover}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.list{width:80vw;margin:0 auto;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}h3{color:#8a032c;margin:10px;padding:10px}h2{color:#24252c}@-webkit-keyframes animate-title-header{0%{opacity:0;-webkit-transform:scale(.65) rotateX(180deg);transform:scale(.65) rotateX(180deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes animate-title-header{0%{opacity:0;-webkit-transform:scale(.65) rotateX(180deg);transform:scale(.65) rotateX(180deg)}to{opacity:1;-webkit-transform:none;transform:none}}h1{-webkit-animation:animate-title-header .8s;animation:animate-title-header .8s}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(100px) scale(.9);transform:translateY(100px) scale(.9)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(100px) scale(.9);transform:translateY(100px) scale(.9)}to{opacity:1;-webkit-transform:none;transform:none}}.delay{-webkit-animation-delay:6s;animation-delay:6s}.title1,.title2,.title3,.title4,.title5{-webkit-appearance:none;border:2px;border-style:solid;border-radius:20px;border-color:#fff;outline:5px;padding:5px;margin:5px;box-sizing:border-box;background-color:hsla(0,0%,100%,.5);direction:rtl}.title1{width:65vw;-webkit-animation:slide-in .8s;animation:slide-in .8s;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.title2{width:65vw;-webkit-animation:slide-in .8s;animation:slide-in .8s;-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.title3{width:65vw;-webkit-animation:slide-in .8s;animation:slide-in .8s;-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.title4{width:65vw;-webkit-animation:slide-in .8s;animation:slide-in .8s;-webkit-animation-delay:.8s;animation-delay:.8s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.title5{width:65vw;-webkit-animation:slide-in .8s;animation:slide-in .8s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}li{text-align:right}.bookViewer-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background-color:#000;border:1px solid grey;border-radius:5px;padding:5px;-moz-osx-font-smoothing:greyscale;height:650px}.link-button{background-color:#e9967a;border:2px;border-style:solid;border-radius:8px;border-color:#fff;padding:10px 20px;margin:15px}.container{padding:10px 20px 0}.card-container{width:300px;height:70px;-webkit-justify-content:center;justify-content:center;background-color:rgba(255,254,254,.3);border:1px solid #f3f2f2;border-radius:15px;box-shadow:#000;padding:15px 10px 0;cursor:pointer;-moz-osx-font-smoothing:greyscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.card-container-responsive{padding:10px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.book-title{font-size:25px;color:#5c0385}.section-card-img-in-container{width:90%;height:78%;border:1px solid grey;border-radius:2px}h3{padding:0}.card-container:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.card-list{width:85vw;margin:0 auto;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.card-list,.section-card-container{-webkit-justify-content:center;justify-content:center}.section-card-container{width:300px;height:300px;-webkit-align-items:center;align-items:center;background-color:hsla(0,0%,100%,.6);border:1px solid grey;border-radius:150px;padding:20px;cursor:pointer;-moz-osx-font-smoothing:greyscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.section-card-container-responsive{padding:15px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.img-in-container{width:80%;height:70%;border-radius:2px;margin:20px}.section-card-container:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.prayercontainer{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.prayer-element{text-align:center;padding:10px;margin:0;color:#130101}.horizontal{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;width:95vw}.timeTableButton{height:40px;width:200px;font-size:large;color:#fff;font-weight:700;background-color:#e9967a}.App{text-align:center}h1{font-family:Aref Ruqaa,sans-serif;font-size:40px;color:#072238;padding:60px 30px 30px;letter-spacing:-2}a{text-decoration:none;color:#fff}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}h5{color:#3b3838}h4{color:#232430}.allcontainer{width:100%;height:60px;background-color:#6b0505}.header{height:50px;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-bottom:25px;border-bottom:10px solid #fff}.header .logo-container{height:90%;width:60px;padding:3px}.header .options{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.header .options .optionlink{padding:2px 10px}.imglogostyle{width:70px;height:70px}*{margin:0;padding:0;box-sizing:border-box}.header{position:fixed;top:0}nav{height:8vh;background:#6b0505;z-index:16}.nav-links{display:-webkit-flex;display:flex;list-style:none;width:60%;height:100%;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;margin-left:auto}.item-link{color:#fff;text-decoration:none;font-size:22px}.NavbarItems{height:50px;display:-webkit-flex;display:flex;font-size:1.2rem}@media screen and (max-width:950px){.line{width:40px;height:3px;background:#fff;margin:5px}nav{position:relative;margin-right:auto}.hamburger{position:absolute;cursor:pointer;right:5%;top:50%;-webkit-transform:translate(-5%,-50%);transform:translate(-5%,-50%);z-index:20}.nav-links{position:fixed;background:rgba(77,10,10,.85);height:100%;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;clip-path:circle(60px at 90% -10%);-webkit-clip-path:circle(60px at 90% -10%);transition:all 1s ease-out;padding-top:100px;z-index:15}.nav-links li{height:100%;width:40%;text-align:center}.nav-links.open{clip-path:circle(1100px at 90% -10%);-webkit-clip-path:circle(1100px at 90% -10%);pointer-events:all}.landing{-webkit-flex-direction:column;flex-direction:column}.nav-links li{opacity:1}.item-link{font-size:25px}.nav-links li:first-child{transition:all .5s ease .2s}.nav-links li:nth-child(2){transition:all .5s ease .4s}.nav-links li:nth-child(3){transition:all .5s ease .6s}.nav-links li:nth-child(4){transition:all .5s ease .8s}.nav-links li:nth-child(5){transition:all .5s ease 1s}.nav-links li:nth-child(6){transition:all .5s ease 1.2s}li.fade{opacity:1}}.footer{height:30px;width:100%;-webkit-justify-content:space-between;justify-content:space-between;margin-top:15px;padding-bottom:10px;font-size:12px;position:fixed;bottom:0;border-top:8px solid #fff;height:8vh;background:#6b0505;-webkit-justify-content:center;justify-content:center}.footer,.footer .options{display:-webkit-flex;display:flex}.footer .options{height:100%;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end}.footer .options .optionlink{padding:5px 10px}.imgstyle{width:40px;height:40px}.icon{width:30px;height:30px;margin:10px;padding:3px;background-color:#fff;border:1px solid grey;border-radius:15px;transition-duration:.2s}.whiteText{color:#fff}
/*# sourceMappingURL=main.f07cbd0f.chunk.css.map */