*{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;scroll-behavior:smooth}@media (min-width: 768px){html{font-size:24px}}@media (min-width: 1200px){html{font-size:18px}}body{font-family:"Tajawal",sans-serif;background-color:#1e212b;color:#e3e3e3;line-height:1.6;margin:0 auto;padding:0;max-width:60rem;direction:rtl}a{color:#08cee6;text-decoration:none;transition:color .3s ease}a:hover{color:#ff6f61}img{max-width:100%;height:auto;display:block;border-radius:4px}pre{direction:ltr;background:#0f1419;padding:1rem;border-radius:4px;overflow-x:auto;margin:1rem 0}code{font-family:"Fira Code",monospace;background:#0f1419;color:#c0c5ce;padding:.1em .3em;border-radius:3px;font-size:.9em}pre code{padding:0;background:rgba(0,0,0,0)}.container{padding:1rem;width:100%}.text-center{text-align:center}h1,h2,h3,h4,h5,h6{font-family:"Tajawal",sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem;color:#edebeb}h1{font-size:2.5rem;margin-bottom:1.5rem}h2{font-size:2rem;margin-top:2rem;margin-bottom:1rem}h3{font-size:1.5rem;margin-top:1.5rem;margin-bottom:.5rem}h4{font-size:1.25rem;margin-top:1rem;margin-bottom:.5rem}p{margin-bottom:1rem}p:last-child{margin-bottom:0}ul,ol{margin:0 1.5rem 1rem 1rem}ul li,ol li{margin-bottom:.5rem}blockquote{border-right:4px solid #ff6f61;padding:1rem;margin:1rem 0;background-color:rgba(255,255,255,.05);border-radius:4px}blockquote p{font-style:italic}blockquote p:last-child{margin-bottom:0}.subtitle{color:#fdfdfd;font-size:1rem;margin-top:-1rem;margin-bottom:1rem}[dir=rtl] blockquote{border-right:4px solid #ff6f61;border-left:none;padding-right:1rem;padding-left:0}.header{background-color:#2b2b38;color:#edebeb;padding:2rem 0;text-align:center;border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-bottom:1rem}.header h1{margin:0;font-size:2.5rem}.nav{display:flex;justify-content:center;align-items:center;background-color:#363646;padding:1rem;margin-bottom:1rem;border-radius:4px;line-height:1}.nav__list{list-style-type:none;margin:0;padding:0;display:flex;flex-grow:1;justify-content:center;line-height:1}.nav__list-item{line-height:1;margin:0 1rem}.nav__list-item a{color:#edebeb;font-weight:bold;font-size:1.1rem}.nav__list-item a:hover{color:#ff6f61}.nav__github{margin-left:auto;height:40px}.nav__github a{color:#edebeb;font-size:1rem;text-decoration:none;height:100%;line-height:1}.nav__github a svg{height:100%;width:auto}.nav__github a svg path{fill:#edebeb;transition:fill .3s ease}.nav__github a:hover svg path{fill:#ff6f61}.content{background-color:#2b2b38;border-radius:4px;padding:1.5rem;margin-bottom:1rem}.footer{text-align:center;padding:1rem;color:#b0b0b0;font-size:.9rem}.home-container{display:flex;flex-direction:column;align-items:center}.home-container img{max-width:100%;border-radius:4px;margin:1rem 0}.blog-container{padding:1rem}.blog-post{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.blog-post:last-child{border-bottom:none}.blog-post-container{padding:1rem}.post{margin-bottom:2rem}.post h2{margin-bottom:.5rem}.post .description{margin-bottom:1rem}.post .read-more h3{margin:0}.post .read-more h3 a{color:#08cee6;font-size:1rem}.post .read-more h3 a:hover{color:#ff6f61}.comments{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.pagination{display:flex;justify-content:space-between;margin-top:2rem}.pagination a{padding:.5rem 1rem;background-color:#363646;border-radius:4px}.pagination a:hover{background-color:#414155}.taxonomy-container{padding:1rem}.taxonomy-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-gap:1rem}.taxonomy-term{background-color:#363646;border-radius:4px;padding:1rem;transition:transform .3s ease}.taxonomy-term:hover{transform:translateY(-5px)}.taxonomy-term h2{margin-top:0;margin-bottom:.5rem}.taxonomy-term h2 a{color:#edebeb}.taxonomy-term h2 a:hover{color:#ff6f61}.taxonomy-term .count{color:#bdbdbd;font-size:.9rem}.taxonomy-term-container{padding:1rem}.button{display:inline-block;padding:.5rem 1rem;background-color:#ff6f61;color:#edebeb;border-radius:4px;font-weight:bold;transition:background-color .3s ease}.button:hover{background-color:#ff412e;color:#edebeb}.card{background-color:#363646;border-radius:4px;padding:1rem;margin-bottom:1rem;transition:transform .3s ease}.card:hover{transform:translateY(-5px)}.card__title{margin-top:0;margin-bottom:.5rem}.card__content{margin-bottom:.5rem}.card__footer{margin-top:1rem;text-align:left}.tag{display:inline-block;background-color:rgba(255,255,255,.1);border-radius:5px;padding:.2rem .8rem;font-size:.8rem;margin-right:.5rem;margin-bottom:.5rem}.tag:hover{background-color:rgba(255,255,255,.2)}.figure{margin:1rem 0}.figure img{width:100%;border-radius:4px}.figure figcaption{text-align:center;font-style:italic;font-size:.9rem;color:#b0b0b0;padding:.5rem 0}[dir=rtl] .tag{margin-left:.5rem;margin-right:0}[dir=rtl] .card__footer{text-align:right}@media print{body{background-color:#fff;color:#000}.nav,.footer,.comments{display:none}a{color:#000;text-decoration:underline}pre,code{border:1px solid #ddd}}