@import url(https://fonts.googleapis.com/css?family=Permanent+Marker|Rock+Salt);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--border-radius:6px;--color-primary:#ffb300;--color-background:var(--color-primary);--color-background-active:#2794eb;--color-border:#166eaa}*,:after,:before{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.toc_title{font-family:"Bebas"}.toc_title,.toc_title_ar{padding:30px;text-align:center;font-size:2em;color:#000}.toc_title_ar{font-family:"Jannat"}.toc_Container{padding:5px;width:90%;height:100%;border-top-left-radius:40px;border-top-right-radius:40px;background-color:#919191}.demo-container{padding:40px;width:100%}.demo-container .h1{border-bottom:1px solid #ccc;color:#ffb300;color:var(--color-primary);margin-bottom:40px;padding-bottom:40px;text-align:center}.demo-container .h2{color:#ccc}.react-sanfona{border:1px solid #ccc;border-radius:3px;margin-bottom:70px}.react-sanfona-item-title{background-color:#fafafa;color:#919191}.react-sanfona-item-subtitle,.react-sanfona-item-title{border-top:1px solid #ccc;padding:20px;text-transform:uppercase;transition:background-color .3s}.react-sanfona-item-subtitle{background-color:#000;color:#fff;cursor:pointer}.selected{background-color:#ffb300;background-color:var(--color-primary);color:#000;font-weight:700}.react-sanfona-item:first-child .react-sanfona-item-title{border-top:none}.react-sanfona-item-expanded .react-sanfona-item-title{background-color:#ffb300;background-color:var(--color-primary);color:#000}.react-sanfona-item-expanded .react-sanfona-item-title .title-done-btn{float:right;color:#000}.react-sanfona-item-body-wrapper{color:#666;padding:20px;position:relative}.react-sanfona-item-body-wrapper:hover .tooltip{opacity:1}img{display:block;max-width:100%}.title-done-btn{display:none}.tooltip{background-color:#000;bottom:-10px;border-radius:3px;color:#fff;left:10px;opacity:0;padding:10px;position:absolute;transition:opacity .3s}.togglers{align-items:center;display:flex;margin-bottom:90px;margin-top:-40px}.togglers button{margin-right:10px}.togglers button:last-child{margin-right:0}.button{background:linear-gradient(180deg,#3cacfc 0,#189af8);background-color:#ffb300;background-color:var(--color-background);border:1px solid #166eaa;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--border-radius);box-shadow:0 0 2px #166eaa,inset 0 1px 0 0 hsla(0,0%,100%,.5);box-shadow:0 0 2px var(--color-border),inset 0 1px 0 0 hsla(0,0%,100%,.5);color:#fff;cursor:pointer;font-size:15px;line-height:1;min-width:140px;padding:12px;position:relative;text-shadow:1px 1px 2px #166eaa;text-shadow:1px 1px 2px var(--color-border)}.button.focus,.button:focus{outline:none}.button.focus:before,.button:focus:before{border-radius:6px;border-radius:var(--border-radius);box-shadow:0 0 1px 2px #94d0ff;content:"";height:calc(100% + 6px);left:-3px;position:absolute;top:-3px;width:calc(100% + 6px)}.button.active,.button:active{background:linear-gradient(180deg,#3ca0eb 0,#168be1);background-color:#2794eb;background-color:var(--color-background-active);box-shadow:0 0 2px #166eaa;box-shadow:0 0 2px var(--color-border)}@font-face{font-family:"Bebas";src:local("Bebas"),url(/static/media/bebas.ed988961.ttf) format("truetype");font-weight:700}@font-face{font-family:"Jannat";src:local("Jannat"),url(/static/media/jannatbold.979ee04b.ttf) format("truetype");font-weight:700}@font-face{font-family:"rosemery";src:local("rosemery"),url(/static/media/rosemery.cc899b5d.ttf) format("truetype");font-weight:700}@font-face{font-family:"reey";src:local("reey"),url(/static/media/reeyregular.c24922b2.otf) format("truetype");font-weight:700}.App{font-family:sans-serif;text-align:center}body{background-color:#000}.chapter_title{font-family:"Bebas";font-size:1.7em;width:80%;text-align:center;overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.centerImg,.chapter_title,.chapter_title_ar{margin:auto;padding:10px}.chapter_title_ar{font-family:"Jannat";font-size:1.5em;width:80%;text-align:center;overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.header_title{font-family:"Bebas";font-size:1em;color:#ffb300;padding:10px}.author_title{padding:65px;text-align:center;font-family:"reey";font-size:2em;color:#fff}.author_title_ar{padding:30px;text-align:center;font-family:"rosemery";font-size:3em;color:#fff}.header_title_ar{font-family:"Jannat";font-size:1em;color:#ffb300;padding:10px}.book_title{font-family:"Bebas";font-size:2.5em}.main_div{background-color:#000;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.playerContainer{width:90%;height:100%;border-top-left-radius:40px;border-top-right-radius:40px;background-color:#919191}.titleContainer{margin:auto;display:block}.navContainer{padding-top:10%;display:flex;justify-content:space-between;align-items:center}.durationBar{padding:15px;color:#fff;font-weight:700}.BarContainer,.durationBar{display:flex;width:100%;justify-content:space-between;align-items:center}.BarContainer{flex-direction:column}.player{display:flex;justify-content:space-between;align-items:center;height:40vh;padding:20px 0}.player .song{-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:0 20px}.player .song .song__title{text-align:left;margin:0;color:#fff;font-family:"Permanent Marker",cursive;font-weight:400;font-size:3.5em}.player .song .song__title:hover{color:#adff2f}.player .song .song__artist{margin:0;color:#fff;font-family:"Rock Salt",cursive;font-weight:400;font-size:1em}.player .song .song__artist:hover{color:#adff2f;cursor:pointer}.player .controls{flex-grow:1;margin:0 20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.player .player__button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:15px;background-color:transparent;border:none}.player .player__button:focus{outline:none}.player .player__button:hover{cursor:pointer}.player .player__button:hover svg{color:#c78e10}.player .player__button svg{font-size:4em;color:#fff}.player .bar{-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%;display:flex;align-items:center}.player .bar .bar__time{color:#fff;font-size:16px}.player .bar .bar__progress{flex:1 1;border-radius:5px;height:10px;width:100%;display:flex;align-items:center;cursor:pointer}.player .bar .bar__progress .bar__progress__knob{position:relative;height:16px;width:16px;border:1.5px solid #fff;border-radius:50%;background-color:orange}@media screen and (max-width:800px){.player{flex-direction:column}.player .controls{width:100%;margin-top:20px}.player .bar{width:90%}}@media screen and (max-width:500px){.player .song .song__title{font-size:2.5em}.player .song .song__artist{font-size:.8em}}
/*# sourceMappingURL=main.841bbcac.chunk.css.map */