html{font-size:62.5%;margin:0;padding:env(safe-area-inset);width:100%}body{-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;height:100vh;overflow-x:hidden;padding:0;width:100vw}:focus{outline:none}.root{height:100vh;overflow:auto}.App{-webkit-overflow-scrolling:touch;background:url(../../static/media/background.76f71fc241a53fa3d685.jpg);background-attachment:scroll;background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;left:0;margin:0;overflow:scroll;padding:0;position:fixed;right:0;top:0;width:100%}.App,.title{text-align:center}.title{font-family:Cormorant,serif;font-size:3.7rem;user-select:none;-webkit-user-select:none}input{padding:5px}.nasheedBoard{align-content:flex-start;display:flex;flex-wrap:wrap;height:80vh;justify-content:center;margin:1em auto;overflow:auto;width:80vw}.nasheed-buttons{margin:10px}.button-64{-webkit-appearance:none;appearance:none;background-color:#ffffffb3;border-width:0;box-sizing:border-box;color:#000;cursor:pointer;display:inline-block;font-family:Clarkson,Helvetica,sans-serif;font-size:1.8rem;font-weight:500;letter-spacing:0;line-height:.5em;margin:0;opacity:1;outline:0;padding:1em;position:relative;text-align:center;text-decoration:none;text-rendering:geometricprecision;text-transform:uppercase;touch-action:manipulation;transition:opacity .3s cubic-bezier(.694,0,.335,1),background-color .1s cubic-bezier(.694,0,.335,1),color .1s cubic-bezier(.694,0,.335,1);user-select:none;-webkit-user-select:none;vertical-align:initial;white-space:nowrap}.button-64:before{animation:opacityFallbackOut .5s step-end forwards;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#ebebeb;-webkit-clip-path:polygon(-1% 0,0 0,-25% 100%,-1% 100%);clip-path:polygon(-1% 0,0 0,-25% 100%,-1% 100%);content:"";height:100%;left:0;position:absolute;top:0;transform:translateZ(0);transition:clip-path .5s cubic-bezier(.165,.84,.44,1),-webkit-clip-path .5s cubic-bezier(.165,.84,.44,1);width:100%}.button-64:hover:before{animation:opacityFallbackIn 0s step-start forwards;-webkit-clip-path:polygon(0 0,101% 0,101% 101%,0 101%);clip-path:polygon(0 0,101% 0,101% 101%,0 101%)}.button-64:after{background-color:#fff}.button-64 span{position:relative;z-index:1}input:focus,textarea:focus{outline:none}@media screen and (min-width:1400px){.title{font-size:3vw}.button-64{font-size:1.3vw}.modal .body div p{font-family:Cormorant,serif!important;font-size:3.3rem}}.overlay{background-color:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-left-buttons{left:10px}.modal-left-buttons,.modal-right-buttons{display:flex;position:absolute!important;top:10px;width:30px}.modal-right-buttons{align-items:flex-start;background-color:initial;border:none;cursor:pointer;right:50px}.close-button:hover{color:#d3d3d3}.close-button:active{transform:scale(.9)}.modal{background:linear-gradient(#02101c,#021019);background-size:cover;border-image:linear-gradient(90deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);border-image-slice:1;border-radius:1.5em;border-style:solid;border-width:8px;box-shadow:0 .3em .9em #00000059;box-sizing:initial;color:#fff;display:flex;flex-direction:column;font-family:Cormorant,sans-serif;height:85vh;left:50%;padding:1.5em;position:relative;top:50%;transform:translate(-50%,-50%);user-select:none;-webkit-user-select:none;width:80vw;z-index:1000}.modal .title{display:inline-block;font-size:1.5rem;margin-top:-2em;text-align:center}.modal .body{align-items:center;display:flex;flex:50% 1;flex-direction:column;font-size:3rem;justify-content:center;padding-bottom:1.5rem;text-align:center;width:100%}.modal .body p{margin:1vh}.modal .body .paragraph{margin:auto}.arabText{font-weight:300;word-spacing:.5rem}.engText{font-weight:500}.flash-overlay{animation:flash .8s ease-out;background-color:#fff6;bottom:0;pointer-events:none;position:absolute;top:10px;width:48%;z-index:5}.left-flash{border-bottom-left-radius:50%;border-top-left-radius:50%;left:10px}.right-flash{border-bottom-right-radius:50%;border-top-right-radius:50%;right:10px}.slide-number{bottom:10px;color:#fff;font-size:2rem;padding:5px 10px;position:absolute!important;right:10px;text-align:right}@keyframes flash{0%{opacity:.6}to{opacity:0}}@media screen and (max-width:850px){.modal{height:70vh}.modal .title{font-size:1rem}.modal .body{font-size:1.2rem;width:100%}.slide-number{bottom:10px;color:#fff;font-size:1rem;margin-top:-10px;position:absolute!important;right:10px;text-align:right}}@media screen and (max-height:600px){.modal{height:60vh;padding-bottom:3rem}.modal .title{font-size:.8rem;margin-top:-3em}.modal .body{font-size:1rem}.modal .body .engText{font-size:1.4rem}}@media screen and (min-width:1400px){.modal .title{font-size:1.1vw}.modal .body{font-size:2.4vw}}*,:after,:before{box-sizing:border-box}body{background-color:#f3f3f3;margin:0;overflow:hidden}.wrapper{display:flex;justify-content:space-around;margin-bottom:30px}.container{background-color:#fff;box-shadow:0 0 5px 0 #00000080;max-height:83vh;overflow:auto;padding:0 1in;width:8.5in}.edit-buttons,.edit-title{display:flex;flex-direction:column}.edit-title{align-items:center;font-size:3rem;justify-content:center}.edit-title p{font-family:Cormorant,serif!important;margin:0}.container textarea{border:none;box-shadow:none;display:block;font-family:Cormorant,serif;font-size:1.5rem;margin:1rem;min-width:8.5in;outline:none;overflow:hidden;padding:0;resize:none;text-align:center;width:100%}.arab-text{margin:13px 0}.non-arab-text{margin:0 auto}.edit-title textarea{border:none;font-family:Cormorant,serif;font-size:3rem;margin:0;padding:0;resize:none;text-align:center}.mui-button{font-size:14px!important}.body{align-items:center;display:flex;flex:50% 1;flex-direction:column;font-size:1.5rem;justify-content:center;margin-top:10px;padding-bottom:1.5rem;text-align:center}@media screen and (max-width:850px){.mui-button{font-size:8px!important;min-width:50px!important;padding:6px!important}.edit-buttons{margin:0 5px}.container{padding:0;width:70vw}.container .body div p,.container .body div textarea,.container .edit-title textarea,.edit-title p{font-family:Cormorant,serif!important;font-size:1.4rem}.container .body div textarea{margin:5px 0;min-width:220px}.modal-confirm{width:350px!important}}@media screen and (max-height:600px){.container textarea{font-family:Cormorant,serif!important;font-size:1.4rem;min-width:8.5in!important}.container{padding:0;width:80vw!important}}@media screen and (min-width:1550px){.container .edit-title textarea,.edit-title p{font-family:Cormorant,serif!important;font-size:3.3rem}.container .body div textarea,.wrapper .container .body div p{font-family:Cormorant,serif!important;font-size:2.3rem}.container{padding:0;width:80vw!important}.modal-confirm{width:50vw!important}.modal-confirm-text{font-size:5rem!important;margin-bottom:50px!important}.mui-button{font-size:18px!important;min-width:80px!important;padding:10px 30px!important}}
/*# sourceMappingURL=main.afecbd80.css.map*/