*{box-sizing:border-box;font-family:vazirmatn,sanssarif,serif;margin:0;padding:0}::-webkit-scrollbar{height:4px;width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}header{height:5vh}nav{box-shadow:0 0 4px 1px #0000001a}nav,nav ul{height:100%}nav ul{display:block;float:right}nav ul li{cursor:pointer;display:inline-block;height:100%;padding:4px 8px}nav ul li a{text-decoration:none}nav ul li span{display:flex;flex-direction:column;height:100%;justify-content:center}.dark-theme nav{background-color:#001524;border-bottom:1px solid #fde5d4}.dark-theme nav ul li a{color:#fde5d4}.dark-theme nav ul li:hover{background-color:#d6cc99}.dark-theme nav ul li:hover a{color:#001524}.light-theme nav{background-color:#f5eded;border-bottom:1px solid #6482ad}.light-theme nav ul li a{color:#6482ad}.light-theme nav ul li:hover{background-color:#7fa1c3}.light-theme nav ul li:hover a{color:#f5eded}footer{align-items:center;display:flex;height:5vh;justify-content:center;padding-inline:8px}footer p{margin:0}.dark-theme footer{background-color:#001524;border-top:1px solid #fde5d4;color:#fde5d4}.light-theme footer{background-color:#f5eded;border-top:1px solid #6482ad;color:#6482ad}main{display:flex;flex-wrap:wrap;min-height:90vh;width:100%}main .links{padding:32px 64px}main .links a{text-decoration:none}main .sidebar{flex:1;padding:8px}main .sidebar__enamad{border-radius:5px;display:flex;justify-content:center;margin-top:8px}main .sidebar .sidebar-categories{background-color:#222831;border-radius:5px}main .sidebar .sidebar-categories h2{padding-top:4px;text-align:center}main .sidebar .sidebar-categories ul{display:flex;flex-wrap:wrap;gap:10px;padding:8px}main .sidebar .sidebar-categories ul li{background-color:#ffd369;border-radius:5px;color:#000;display:inline-block;flex:1;margin-bottom:4px;padding:0;text-align:center}main .sidebar .sidebar-categories ul li:hover{background-color:#eee;color:#000}main .sidebar .sidebar-categories ul li a{color:#000;display:block;font-weight:700;text-decoration:none;width:100%}main .articles{flex:3;padding:8px}main .articles h3{color:#fff}main .articles .articles-post-item{border-radius:5px;display:flex;flex-direction:row;margin-bottom:16px;padding:8px;width:75%}main .articles .articles-post-item .articles-post-item-thumb-container{align-items:center;display:flex;flex:2;justify-content:center;padding:8px}main .articles .articles-post-item .articles-post-item-thumb-container img{height:100%;-webkit-mask-image:linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);mask-image:linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);-webkit-mask-position:0;mask-position:0;-webkit-mask-size:800%;mask-size:800%;width:100%}main .articles .articles-post-item .articles-post-item-thumb-container img:hover{-webkit-mask-position:120%;mask-position:120%;opacity:1;transition:mask-position 2s ease,-webkit-mask-position 2s ease}main .articles .articles-post-item .articles-post-item-body-container{flex:3;padding-top:8px}main .articles .articles-post-item hr{margin-top:4px}main .articles .articles-post-item p{margin-bottom:4px;margin-top:4px;text-align:justify}main .articles .articles-post-item button{background-color:#ffd369;border:none;color:#000;cursor:pointer;float:left;margin-bottom:0;margin-left:8px;margin-top:8px;padding:4px}main .articles .articles-post-item button:hover{background-color:#eee;color:#000}main .single-article{flex:3;max-width:100%;padding:8px}main .single-article article{border-radius:5px;box-shadow:0 0 1px 1px #000}main .single-article article .single-article-container{background-color:#222831;border-radius:5px;padding:16px}main .single-article article .single-article-container h1{font-size:24px}main .single-article article .single-article-container hr{margin-bottom:4px;margin-top:8px;width:100%}main .single-article article .single-article-container .single-article-container-contents{margin-bottom:16px}main .single-article article .single-article-container .single-article-container-contents a{float:left;font-style:italic;text-decoration:none}main .single-article article .single-article-container .single-article-container-contents p{clear:both;text-align:justify}main .single-article article .single-article-container .single-article-container-contents img{margin:10px 0;width:100%}main .single-article article .single-article-container .single-article-container-contents .r1_iframe_embed{margin-top:8px}main .single-article article .single-article-container .single-article-container-contents .code-block{margin:10px 0;overflow:auto}main .single-article article .single-article-container .single-article-container-contents .code-block span{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}main .single-article article .single-article-container .single-article-container-tags{display:flex;flex-wrap:wrap;margin-top:8px}main .single-article article .single-article-container .single-article-container-tags span{font-weight:700;margin-left:4px;width:-moz-max-content;width:max-content}main .single-article article .single-article-container .single-article-container-tags ul{list-style-type:none;width:-moz-max-content;width:max-content}main .single-article article .single-article-container .single-article-container-tags ul li{background-color:#ffd369;border-radius:5px;color:#000;display:inline-block;font-size:12px;font-weight:700;margin-left:4px;padding:4px;text-align:center;width:-moz-min-content;width:min-content}main .single-article article .single-article-container .single-article-container-tags ul li a{color:#000;text-decoration:none}main .about{color:#fff;padding:16px 64px}main .about .thumb{display:flex;justify-content:center;width:100%}main .about p{margin-top:8px;text-align:justify}main .about img{border:1px solid #dcdcdc;border-radius:50%;box-shadow:0 0 8px 4px #000;height:128px;margin:auto;vertical-align:middle;width:128px}main .about ul{display:flex;flex-direction:row;gap:16px;list-style:none}main .about ul li a{text-decoration:none}main .contents{padding-inline:32px}main .contents p{margin:32px}main .contents ul{list-style-type:square;padding-inline:32px}main .contents ul li{margin-bottom:8px}main .contents ul li a{text-decoration:none}main .links li{font-weight:700}main .links li a{font-weight:400}main .course{padding:8px}main .course__item{background:#add8e6;border-radius:8px;padding:4px 8px}main .course__item__price{background:#e0ffff;border-radius:8px;margin-right:auto;padding:2px 4px;width:-moz-max-content;width:max-content}main .course__item__details{background:#87cefa;border-radius:8px;color:#000;display:block;font-weight:700;margin:8px 0;padding:8px 4px;text-align:center;text-decoration:none;width:100%}main .course img{height:auto;width:100%}.dark-theme main{background-color:#001524}.dark-theme main .sidebar-categories{background-color:#001524;border:1px solid #fde5d4}.dark-theme main .sidebar-categories h2{color:#fde5d4}.dark-theme main .sidebar-categories ul li{background-color:#445d48}.dark-theme main .sidebar-categories ul li:hover{background-color:#fde5d4}.dark-theme main .sidebar-categories ul li:hover a{color:#001524}.dark-theme main .sidebar-categories ul li a{color:#fde5d4}.dark-theme main .articles-post-item{background-color:#001524;border:1px solid #fde5d4;color:#fde5d4}.dark-theme main .articles-post-item hr{border:1px solid hsla(0,0%,100%,.1)}.dark-theme main .articles-post-item button{background-color:#445d48;border-radius:10px;color:#fde5d4;padding:4px 8px}.dark-theme main .articles-post-item button:hover{background-color:#fde5d4;color:#001524}.dark-theme main .single-article{flex:3;max-width:100%;padding:8px}.dark-theme main .single-article article .single-article-container{background-color:#001524;border:1px solid #fde5d4}.dark-theme main .single-article article .single-article-container h1,.dark-theme main .single-article article .single-article-container-contents p,.dark-theme main .single-article article .single-article-container-tags span{color:#fde5d4}.dark-theme main .single-article article .single-article-container-tags ul li{background-color:#445d48}.dark-theme main .about p,.dark-theme main .single-article article .single-article-container-tags ul li a{color:#fde5d4}.dark-theme main .about ul li a{color:#d6cc99}.dark-theme main .about ul li a:hover{color:#445d48}.dark-theme main .links li,.dark-theme main .links li a{color:#d6cc99}.dark-theme main .links li a:hover{color:#445d48}.dark-theme main .contents p,.dark-theme main .contents ul li a{color:#d6cc99}.dark-theme main .contents ul li a:hover{color:#445d48}.light-theme main{background-color:#f5eded}.light-theme main .sidebar-categories{background-color:#f5eded;border:1px solid #6482ad}.light-theme main .sidebar-categories h2{color:#6482ad}.light-theme main .sidebar-categories ul li{background-color:#e2dad6}.light-theme main .sidebar-categories ul li:hover{background-color:#6482ad}.light-theme main .sidebar-categories ul li:hover a{color:#f5eded}.light-theme main .sidebar-categories ul li a{color:#6482ad}.light-theme main .articles-post-item{background-color:#f5eded;border:1px solid #6482ad;color:#6482ad}.light-theme main .articles-post-item hr{border:1px solid hsla(0,0%,100%,.1)}.light-theme main .articles-post-item button{background-color:#e2dad6;border-radius:10px;color:#6482ad;padding:4px 8px}.light-theme main .articles-post-item button:hover{background-color:#6482ad;color:#f5eded}.light-theme main .single-article{flex:3;max-width:100%;padding:8px}.light-theme main .single-article article .single-article-container{background-color:#f5eded;border:1px solid #6482ad}.light-theme main .single-article article .single-article-container h1,.light-theme main .single-article article .single-article-container-contents p,.light-theme main .single-article article .single-article-container-tags span{color:#6482ad}.light-theme main .single-article article .single-article-container-tags ul li{background-color:#e2dad6}.light-theme main .about p,.light-theme main .single-article article .single-article-container-tags ul li a{color:#6482ad}.light-theme main .about ul li a{color:#7fa1c3}.light-theme main .about ul li a:hover{color:#e2dad6}.light-theme main .links li,.light-theme main .links li a{color:#7fa1c3}.light-theme main .links li a:hover{color:#e2dad6}.light-theme main .contents p,.light-theme main .contents ul li a{color:#7fa1c3}.light-theme main .contents ul li a:hover{color:#e2dad6}@media screen and (max-width:600px){main{display:flex;flex-direction:column}main .sidebar,main .single-article .sidebar{order:1;width:100%}main .sidebar__enamad,main .single-article .sidebar__enamad{display:none}main .articles,main .single-article{order:2;width:100%}main .articles .articles-post-item,main .single-article .articles-post-item{display:flex;flex-direction:column;width:100%}main .articles .articles-post-item .articles-post-item-thumb-container img,main .single-article .articles-post-item .articles-post-item-thumb-container img{height:100%;width:100%}header{height:32vh}header nav{width:100%}header nav ul{display:flex;flex-direction:column;width:100%}header nav ul li{border-bottom:1px solid hsla(0,0%,72%,.1)}header nav ul li:last-child{border-bottom:none}}img[data-v-c02444eb]{height:25%;margin:8px 0;width:100%}