@font-face{font-family:"Aref Ruqaa";font-style:normal;font-weight:400;src:url(fonts/ArefRuqaa-Regular.ttf) format("truetype");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:"Aref Ruqaa";font-style:normal;font-weight:400;src:url(fonts/ArefRuqaa-Regular.ttf) format("truetype");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Aref Ruqaa";font-style:normal;font-weight:400;src:url(fonts/ArefRuqaa-Regular.ttf) format("truetype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Aref Ruqaa";font-style:normal;font-weight:700;src:url(fonts/ArefRuqaa-Bold.ttf) format("truetype");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:"Aref Ruqaa";font-style:normal;font-weight:700;src:url(fonts/ArefRuqaa-Bold.ttf) format("truetype");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Aref Ruqaa";font-style:normal;font-weight:700;src:url(fonts/ArefRuqaa-Bold.ttf) format("truetype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*::after,*::before{margin:0;padding:0;box-sizing:border-box;outline:none}body{font-family:"Aref Ruqaa",serif;font-weight:400;font-style:normal;position:relative;z-index:0;overflow-x:hidden;height:100vh;max-height:100%;min-width:100vw;width:100%;background-image:url(assets/img/bg-full.webp);background-repeat:no-repeat;background-position:center bottom;background-size:cover;object-position:center;object-fit:cover;display:flex;flex-flow:column nowrap;align-items:center;justify-content:space-between}body::after{position:absolute;inset:0;margin:auto;height:100vh;width:100vw;background-color:hsla(0,0%,100%,.055);backdrop-filter:grayscale(80%);z-index:-1;content:""}body .audio-player{display:none;visibility:hidden}body h1{color:#26416b;background-color:hsla(0,0%,100%,.5294117647);padding:0 10px 10px;margin:20px;text-align:center;position:sticky;font-size:clamp(1.9rem,4vw,3rem)}body .controls{padding:20px 30px;display:flex;justify-content:center;align-items:center;gap:30px;margin-inline:20px;min-width:90%;box-shadow:0px 1px 2px #000;backdrop-filter:saturate(6)}body .controls .play,body .controls .pause{position:relative;z-index:999;background:rgba(0,0,0,0);outline:none;border:none;width:min-content;padding:15px;border-radius:10px;transition:all .3s ease-in-out;background:none;cursor:pointer}body .controls .play svg,body .controls .pause svg{width:100px;height:100px;filter:drop-shadow(0 2px 1px rgb(0, 0, 0));transition:all .1s ease-in-out}body .controls .play:not(:disabled):hover rect:first-child,body .controls .play:not(:disabled):hover path,body .controls .pause:not(:disabled):hover rect:first-child,body .controls .pause:not(:disabled):hover path{filter:brightness(95%);transition:all .1s ease-in-out}body .controls .play:active svg,body .controls .pause:active svg{transition:all .1s ease-in-out}body .controls .play:disabled,body .controls .pause:disabled{cursor:default}body .controls .play:disabled svg,body .controls .pause:disabled svg{filter:brightness(95%);cursor:default;pointer-events:none}body .controls .play.hidden,body .controls .pause.hidden{display:none}body .details{margin:20px 20px;padding:10px;display:flex;flex-flow:column nowrap;gap:20px;font-size:1.3rem;color:#26416b;background-color:hsla(0,0%,100%,.8);text-align:justify;font-weight:600}body .details .center{text-align:center}body .installBtn{position:fixed;bottom:10px;right:10px;padding:7px;color:#fff;background-color:#249c34;border:none;border-radius:5px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .3s ease-in-out;user-select:none}body .installBtn:hover{background-color:#1c304f;transform:scale(1.01);transition:all .3s ease-in-out}body .installBtn:active{transform:scale(0.98);transition:all .1s ease-in-out}body footer{margin:10px 0;padding:10px;color:#26416b;background-color:hsla(0,0%,100%,.8);text-align:center;font-size:1rem;font-weight:400;user-select:none}body footer a{color:#26416b;text-decoration:none;font-weight:700}body footer a .author{font-weight:700;font-size:1.1rem}body footer:hover{text-decoration:underline}body footer:active{transform:scale(0.98)}.error-message{color:red;font-size:1rem;font-weight:400;text-align:center;margin:10px 0;background-color:hsla(0,0%,100%,.5294117647);padding:0 10px 10px}/*# sourceMappingURL=main.css.map */
