@font-face{font-family:Noto Sans Arabic;src:url(/fonts/NotoSansArabic-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans Arabic;src:url(/fonts/NotoSansArabic-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans Arabic;src:url(/fonts/NotoSansArabic-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans Arabic;src:url(/fonts/NotoSansArabic-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Reem Kufi Fun;src:url(/fonts/ReemKufiFun-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Amiri;src:url(/fonts/Amiri-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Aref Ruqaa;src:url(/fonts/ArefRuqaa-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Aref Ruqaa;src:url(/fonts/ArefRuqaa-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Cairo;src:url(/fonts/Cairo-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #fff;--text: #111;--border: #D9D9D9;--accent: #000;--link: #222;--heading: #02041d;--heading-light: #090088}.dark{--bg: #121212;--text: #dddddd;--border: #2a2a2a;--accent: #aaaaaa;--link: #c0c0c0;--heading: #e0e0e0;--heading-light: #f0f0f0}body{background:var(--bg);color:var(--text);font-family:Noto Sans Arabic,sans-serif;font-size:1.2em;padding:0;margin:0;transition:background .3s,color .3s}.content{padding-left:2em;padding-right:2em}h1,h2,h3{color:var(--heading);transition:color .3s}h1{font-family:Reem Kufi Fun,sans-serif;font-size:3em;letter-spacing:.02em;margin-bottom:.5em}h2{font-family:Aref Ruqaa,serif;font-size:2.2em;margin-bottom:.4em}h3{font-family:Noto Sans Arabic,sans-serif;font-size:1.5em;margin-bottom:.3em}@media (max-width: 768px){body{padding:1rem;font-size:1rem}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.2em}}ul{margin-left:2em;margin-right:2em}.definition{background:#f9f9f9;color:var(--text);padding:15px;border-radius:5px}.definition dt{font-weight:700;margin-top:10px}.definition dd{margin-left:20px}.dark .definition{background:#23272a}.navbar ul{list-style-type:none;border-top:2px solid var(--border);border-bottom:2px solid var(--border);font-family:Aref Ruqaa,serif;font-size:30px;text-align:center}.navbar a{color:var(--link);text-decoration:none;padding:15px;display:block;transition:color .3s}.navbar a:hover{text-decoration:underline;color:var(--heading-light);cursor:pointer}.navbar li{display:inline-block;direction:rtl}#recent{font-family:Aref Ruqaa,serif;margin-top:4em;text-align:center;border-bottom:1px solid var(--border);line-height:.1em}#recent span{background:var(--bg);padding:0 10px}.artc{border-bottom:1px solid var(--border);margin-top:2em;padding:1em;transition:box-shadow .3s,font-size .3s,background .3s,color .3s;color:var(--text);background:var(--bg)}.artc:hover{box-shadow:0 6px 20px #00000030;font-size:1.02em;background:inherit}.artc p{display:inline-block;font-family:Noto Sans Arabic,sans-serif}.artc h1{display:inline-block;font-family:Reem Kufi Fun,sans-serif;padding-right:10px}.info{width:5em;height:5em;background:var(--accent);float:right}.info h3{color:var(--bg);text-align:center;font-size:.8em;font-family:Amiri,serif}#msg{display:block;border-bottom:1px solid var(--border)}#msg h2{font-family:Noto Sans Arabic,sans-serif;text-align:center}#userName,#userMail,#subBtn{display:block;margin-bottom:1em;text-align:center;margin-left:auto;margin-right:auto}#userName,#userMail{width:14em;height:2em;border:2px solid #9c9c9c;font-family:Noto Sans Arabic,sans-serif}#subBtn{width:8em;height:3em;border-radius:20px;background:var(--accent);color:var(--bg);font-family:Cairo,sans-serif;transition:.3s}#subBtn:hover,#subBtn:active{background:var(--heading);color:var(--bg);font-weight:bolder;box-shadow:0 6px 20px #00000030}#contact{margin-top:2em;text-align:center;font-family:Noto Sans Arabic;background:var(--bg);color:var(--text)}#contact h5{margin-top:0}#contact i{color:var(--link);transition:color .3s}#contact i:hover{cursor:pointer;color:var(--heading-light);text-decoration:underline}.title{display:flex}#title_pic{width:100%;max-width:900px;height:auto;object-fit:cover;margin:1.5rem auto 1rem;display:block;border-radius:16px;box-shadow:0 4px 24px #0000001a;border:1px solid var(--border);background:var(--bg)}figcaption{padding:.3em 0 .5em;font-size:.95em;color:#666;text-align:center;transition:color .3s}.dark figcaption{color:#aaa}#article_info h1{font-family:Reem Kufi Fun,sans-serif;font-size:2em}#article_info h5{font-family:Noto Sans Arabic,sans-serif;font-weight:lighter}#conclusion{font-family:Amiri,serif;color:var(--heading);padding-top:1em;padding-bottom:2em;transition:color .3s}.dark #conclusion{color:var(--heading)}#end{border-bottom:1px solid var(--border);border-top:1px solid var(--border);padding-top:2em;padding-bottom:2em;text-align:center;background:var(--bg)}#end h2{font-size:1.8em;font-family:Aref Ruqaa,serif}.inline-image{max-width:40%;min-width:120px;height:auto;display:inline-block;vertical-align:middle;margin:0 .5em 1em;border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid var(--border);background:var(--bg);transition:box-shadow .2s,background .3s}.inline-image:hover{box-shadow:0 4px 24px #00000026}@media (max-width: 768px){.inline-image{max-width:100%;margin:.5em 0 1em;display:block}}.inline-figure{display:inline-block;vertical-align:middle;margin:0 .5em 1em}.inline-figure figcaption{text-align:start;padding-inline-start:0;padding-inline-end:0;margin-top:.3em;font-size:.7em}figure:not(.inline-figure) figcaption{text-align:center}
