@font-face{font-family:'meryem';src:url(./font/Noto_Kufi_Arabic/NotoKufiArabic-VariableFont_wght.ttf)}*{font-family:'meryem';margin:0;padding:0;transition:350ms}body{background:#f0f4f845}.dark-moode #read,.dark-moode #download{color:#0f9}.title-of-header{border-bottom:solid;text-shadow:0 0 10px #ffffff2c}header{box-shadow:0 .2rem 1rem #1e724262;color:#fff;padding:.5rem;animation:FatimaZahra 700ms both;opacity:0;transform:translateY(-20px)}header div{display:flex;align-items:center;justify-content:space-around}a{color:#fff;text-decoration:none;padding:.5rem}a:hover{text-shadow:0 0 2rem #000;background:#0000001d;transform:translateX(5px)}button{background:none;border:solid 1.5px;color:#fff;padding:.2rem;display:flex;justify-content:center}.a{border-right:solid .3rem;padding-right:.4rem}#classes{display:grid;position:fixed;left:.3rem;z-index:1000;padding:1rem .2rem 1rem 5rem;top:-100vh;box-shadow:2px 2px 5px #2a528965}@keyframes FatimaZahra{to{opacity:1;transform:initial}}main,section{background:url(imgs/background.png);background-size:cover;border:solid 1px #00000024;box-shadow:0 5px 15px #00000018;animation:FatimaZahra 700ms both;transform:translateY(20px);opacity:0;z-index:0}.container{display:grid;grid-template-columns:0.8fr 1fr 0.8fr;justify-items:center;align-items:end}#read{color:#4169e1}#download{color:green}#download:hover{background:green;color:#fff}#read:hover{background:#4169e1;color:#fff}.btns{display:flex;justify-content:center;column-gap:.5rem}.tittle{margin:auto;width:80%}.parentinmain{background:#0000001a}.alpha_text{display:flex;align-items:center}main,section,.a,.kateb{margin:1rem}.parentinmain,#download-alert,a,#close,button,section,#classes,#i,.container .book,.tittle,.art,main,.alpha_p,.kateb,.dark-moode .c2{border-radius:.4rem}header,#classes,footer,.kateb{background:linear-gradient(90deg,#0d4b3a 0%,#07281e 100%)}#read,#download{padding:.3rem 1rem}.book,.tittle,.art,.alpha_p{background:#ffffffbf;padding:1.3rem;border:solid 1px #00000024;box-shadow:0 0 10px #00000010}#container,#download-alert{position:fixed;top:50%;left:50%;z-index:990;transform:translate(-50%,-50%)}.alpha_p{padding:.9rem;text-align:center}.art{background:#0000001a}section{background:none}#classes{transform:translateZ(0)}header{position:relative;z-index:10}#container{background:#00000040;width:100vw;height:100vh;display:none}#download-alert{width:15rem;background:#fff;padding:1.5rem 3.5rem;border:1px solid #00000042;box-shadow:0 0 8px #0000001c inset;line-height:3rem;opacity:.98;scale:0}#download-alert h2{border-bottom:1px solid #00000054;padding-bottom:.3rem;margin-bottom:.6rem;text-align:center}#close{text-align:center;cursor:pointer;margin-top:10px}#close:hover{background:#00000023}@media (max-width:767px){.descrip-me-pc{display:none}.pc{display:none}.container{grid-template-columns:auto}.footer-container{grid-template-columns:100}}@media (min-width:768px){main .c{grid-template-columns:1fr 0fr;align-items:center}#reason-goal{display:grid;grid-template-columns:1fr 1fr}.descrip-me-ph{display:none}.tittle{width:50%}#phone{display:none}.pc{display:flex}main .c2{grid-template-columns:auto}}::-webkit-scrollbar-thumb:hover{background:rgb(255 255 255 / .6)}*{scrollbar-width:thin;scrollbar-color:rgb(255 255 255 / .4) #0d4b3a}.descrip-me{display:grid;justify-items:center;padding:2rem}.reveal{opacity:0;transform:translateY(15px);transition:opacity .4s,transform .4s}.reveal.in{opacity:1;transform:translateY(0)}.script-btns{border-radius:5px;margin:.2rem;padding:.5rem;border:none;background:#fff;color:#0d3b28;box-shadow:0 0 12px #00000083 inset;opacity:.65}.btns-box{position:fixed;bottom:1.5rem;left:.5rem}dark-moode .script-btns{background:#7f7f7f}.script-btns:hover{opacity:1;scale:1.05}.dark-moode{background:#2f2f2fe3;box-shadow:0 0 15px #2e7d325e inset;color:#e0e0e0;text-shadow:0 0 9px #caffea9d}.dark-moode .parentinmain,.dark-moode .dark-section{box-shadow:0 0 15px 5px #5d815f7e;background:#013220af;border:solid 1px #ffff533a;color:#e0e0e0}.dark-moode main{border:none}.dark-moode .book,.dark-moode .tittle,.dark-moode .alpha_p{background:#013220af;box-shadow:0 0 15px #359d001c inset;border:solid .5px #ffff883d;color:#e0e0e0}.dark-moode footer,.dark-moode header{box-shadow:0 0 15px 5px #5d816f8a;background:#00140c}.dark-moode #read:hover,.dark-moode #download:hover{background:#0f9;color:#000}