:root{--top-custom:0;--left-custom:0}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-moz-osx-font-smoothing:grayscale;background-color:#232323;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:WotfardMedium;font-weight:400;src:local("Wotfard"),url(/static/media/wotfard-medium-webfont.4e3c428b552df5a4b943.ttf) format("truetype")}@font-face{font-family:WotfardRegular;font-weight:400;src:local("Wotfard"),url(/static/media/wotfard-regular-webfont.b7585f8e119628c4dfb2.ttf) format("truetype")}@font-face{font-family:WotfardLight;font-weight:400;src:local("Wotfard"),url(/static/media/wotfard-light-webfont.833e8e949dce823b829a.ttf) format("truetype")}@font-face{font-family:BasedPixel;font-weight:400;src:local("Based"),url(/static/media/Based-Regular.22ef1e41.a7380a6be1b97199dfe7.woff2) format("truetype")}@font-face{font-family:WotfardSemi;font-weight:400;src:local("Wotfard"),url(/static/media/wotfard-semibold-webfont.ab0633e6781cf69d4706.ttf) format("truetype")}@font-face{font-family:WotfardBold;font-weight:400;src:local("Wotfard"),url(/static/media/wotfard-bold-webfont.101d854c20435a0c021d.ttf) format("truetype")}@media screen and (max-width:50em){.loading-animation{display:none}}.os-window{background-color:#0c0c0c;background-color:var(--os-window-bg,#0c0c0c);border:1px solid #fff;border:1px solid var(--os-window-border,#fff);border-radius:2px;box-sizing:border-box;cursor:default;display:flex;flex-direction:column;min-height:250px;min-width:300px;overflow:hidden;position:fixed}.os-window--animating{transition:top .2s ease,left .2s ease,width .2s ease,height .2s ease}.os-window--dark{--os-window-border:#fff;--os-window-bg:#0c0c0c;--os-titlebar-bg:#0c0c0c;--os-title-color:#fff;--os-title-stripe:#fff;--os-control-border:#fff}.os-window--light{--os-window-border:#fff;--os-window-bg:#f2f1eb;--os-titlebar-bg:#0c0c0c;--os-title-color:#fff;--os-title-stripe:#fff;--os-control-border:#fff}.os-window__titlebar{align-items:stretch;background:var(--os-titlebar-bg);border-bottom:1px solid var(--os-window-border);display:flex;flex:0 0 32px;height:32px;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;z-index:2}.os-window__drag-region{background-color:#000;background-image:repeating-linear-gradient(45deg,var(--os-title-stripe) 0,var(--os-title-stripe) 1px,#000 0,#000 50%);background-size:10px 10px;cursor:move;flex:1 1 auto;height:100%;min-width:12px;opacity:.92}.os-window__title{align-items:center;background-color:var(--os-titlebar-bg);border-right:1px solid var(--os-control-border);box-sizing:border-box;color:var(--os-title-color);cursor:move;display:flex;flex:0 0 auto;font-family:Segoe UI,system-ui,sans-serif;font-size:13px;font-weight:600;height:100%;justify-content:center;letter-spacing:.02em;margin:0;min-width:46px;overflow:hidden;padding:0 14px}.os-window__title-label{line-height:1;overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.os-window__controls{background-color:var(--os-titlebar-bg);display:grid;flex:0 0 auto;grid-template-columns:repeat(2,46px);height:100%}.os-window__btn{align-items:center;background:#0000;border:none;border-left:1px solid var(--os-control-border);box-sizing:border-box;color:#fff;cursor:pointer;display:flex;height:100%;justify-content:center;margin:0;padding:0;-webkit-user-select:none;user-select:none;width:100%}.os-window__btn:hover{background:#ffffff1f}.os-window__btn:active{background:#fff3}.os-window__btn:focus-visible{outline:1px solid #00bfa5;outline-offset:-2px}.os-window__btn--close:hover{background:#e81123!important}.os-window__btn--close:active{background:#f1707a!important}.os-window__btn svg{height:12px;pointer-events:none;width:12px}.os-window__content{container-type:size;container-name:os-window-content;flex:1 1 auto;min-height:0;overflow:auto;position:relative;width:100%;z-index:1}.os-window__resize{background:#0000;position:absolute;touch-action:none;z-index:5}.os-window__resize--n{top:0}.os-window__resize--n,.os-window__resize--s{cursor:ns-resize;height:6px;left:8px;right:8px}.os-window__resize--s{bottom:0}.os-window__resize--e{right:0}.os-window__resize--e,.os-window__resize--w{bottom:8px;cursor:ew-resize;top:8px;width:6px}.os-window__resize--w{left:0}.os-window__resize--ne{cursor:nesw-resize;height:12px;right:0;top:0;width:12px}.os-window__resize--nw{cursor:nwse-resize;height:12px;left:0;top:0;width:12px}.os-window__resize--se{bottom:0;cursor:nwse-resize;height:12px;right:0;width:12px}.os-window__resize--sw{bottom:0;cursor:nesw-resize;height:12px;left:0;width:12px}@media (max-width:600px){.os-window{min-height:280px;min-width:280px}}.skills-window-content{background-color:#f2f1eb}#content_skills{display:block;height:calc(100% - 100px);margin:8% 4% 6%;width:calc(100% - 150px)}#content_skills_header h1{color:#fff;float:left;font-size:48px;font-weight:600;padding:10px}#content_skills p{color:#fff;font-family:Vazirmatn,sans-serif;font-size:18px;font-weight:400}#content_skills_info{padding-top:30px}ul.list{margin:0;padding:0;position:absolute}.list li{color:green;list-style-type:none;padding:5px 0}.projects-window-content{overflow:auto}.projects-window-content::-webkit-scrollbar{display:none}#contact-body,.contact-window-content{background-color:#0c0c0c;color:#fff}#contact-body{border:1px solid #fff;box-sizing:border-box;height:100%;padding:12px;width:100%}#contact-body p{padding:5px}#contact-form{align-items:center;align-self:center;background-color:#0c0c0c;background-image:repeating-linear-gradient(45deg,#2f2f2f 10px,#2f2f2f 12px,#0000 0,#0000 20px);border:1px solid #fff;height:calc(100% - 100px);padding:10px;width:calc(100% - 25px)}.form-group{padding:5px}.form-group input[type=email],.form-group input[type=text],select,textarea{background-color:#0c0c0c;border:1px solid #fff;border-radius:4px;box-sizing:border-box;color:#fff;font-size:14px;margin-bottom:16px;margin-top:6px;padding:12px;resize:vertical;width:100%}#mail-me{align-items:center;background-color:#0c0c0c;background-image:repeating-linear-gradient(135deg,#cdcdcd 10px,#cdcdcd 12px,#0000 0,#0000 20px);border:1px solid #fff;border-radius:4px;display:flex;height:40px;justify-content:center;margin:0 auto;width:150px}#mail-me:hover{background-image:repeating-linear-gradient(135deg,#33f536 10px,#33f536 12px,#0000 0,#0000 20px);border-color:#33f536}#mail-me b{align-items:center;background-color:#0c0c0c;border:1px solid #fff;display:flex;height:60%;justify-content:center;padding-inline:5px;width:60%}.blog-post-window-grid,.blogs-window-content{background-color:#0f1117}.blog-post-rich-text .blog-content-image,.blog-post-rich-text img{height:auto;max-width:100%}.blog-post-rich-text .blog-content-image{width:100%}.blog-post-rich-text img[width]{height:auto!important;max-width:100%!important;width:100%!important}.blogs-list{box-sizing:border-box;width:100%}.blog-post-list-item{appearance:none;-webkit-appearance:none;color:inherit;font:inherit;line-height:inherit}.blog-post-list-item:focus-visible{outline:1px solid #00bfa5;outline-offset:1px}.blog-post-list-item--bar{gap:0!important;padding:0!important}.blog-post-list-item--bar .blog-post-list-item__media--bar{align-self:stretch;border-bottom-right-radius:5px;border-left:1px solid #3d4555;border-top-right-radius:5px;box-sizing:border-box;flex:0 0 min(200px,34%);margin:0;max-width:220px;min-width:110px;padding:0;width:min(200px,34%)}.blog-post-list-item--bar:hover .blog-post-list-item__media--bar{border-left-color:#5a6578}@container os-window-content (max-width: 820px){.blog-post-list-item--bar .blog-post-list-item__media--bar{flex-basis:min(150px,32%);min-width:100px;width:min(150px,32%)}}.blog-post-list-item--bar .blog-post-list-item__media--bar .blog-post-list-item__img,.blog-post-list-item--bar .blog-post-list-item__media--bar img{border-radius:0;display:block;height:100%!important;margin:0;min-height:100%;object-fit:cover;object-position:center;width:100%!important}.blog-post-list-item--card{padding:0!important}.blog-post-list-item--card .blog-post-list-item__media--card{aspect-ratio:16/9;border-bottom:1px solid #3d4555;box-sizing:border-box;margin:0;max-height:220px;padding:0;width:100%}.blog-post-list-item--card:hover .blog-post-list-item__media--card{border-bottom-color:#5a6578}.blog-post-list-item--card .blog-post-list-item__media--card .blog-post-list-item__img,.blog-post-list-item--card .blog-post-list-item__media--card img{border-radius:0;display:block;height:100%!important;margin:0;object-fit:cover;width:100%!important}.blog-post-list-item__meta .chakra-wrap{gap:10px!important}.blog-post-list-item__meta .chakra-wrap__list{column-gap:10px!important;gap:10px!important;row-gap:4px!important}.desktop-icon{align-items:center;background:#0000;border:1px solid #0000;border-radius:2px;box-sizing:border-box;cursor:default;display:flex;flex-direction:column;justify-content:flex-start;max-width:120px;min-width:100px;outline:none;padding:4px 6px 8px;-webkit-user-select:none;user-select:none;width:auto}.desktop-icon--selected{background:#00bfa529;border-color:#00bfa5;box-shadow:inset 0 0 0 1px #00bfa559}.desktop-icon:focus-visible{border-color:#00bfa5;box-shadow:0 0 0 1px #00bfa5}.desktop-icon__image{height:100px;max-width:100px;object-fit:contain;pointer-events:none;width:100px}.desktop-icon__label{color:#fff!important;font-family:BasedPixel,Segoe UI,sans-serif!important;font-size:16px!important;line-height:1.2!important;margin:4px 0 0!important;padding:0!important;pointer-events:none;text-align:center!important;word-break:break-word}.App{cursor:pointer;font-family:Web437 IBM BIOS;font-family:Montserrat,sans-serif;font-style:normal;font-weight:400}.nav{overflow:hidden;position:absolute;top:15%}.nav a{align-items:center;color:#add8e6;font-size:20px;padding:8px 20px;text-decoration:none}.nav ul{list-style-type:none}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}#blogs_btn,#contact_btn,#projects_btn,#skills_btn{background:none;border:none;padding:0}.hidden{display:none}.footer{background:grey;border:1px solid #000;bottom:0;color:#000;height:25px;overflow:hidden;position:fixed;width:100%}.footer p{animation:footer 30s linear infinite;height:100%;line-height:25px;margin:0;position:absolute;text-align:center;transform:translateX(100%);width:100%}@keyframes footer{0%{transform:translateX(75%)}to{transform:translateX(-75%)}}@media (max-width:600px){.nav{top:0}.nav li{display:inline}}
/*# sourceMappingURL=main.74318645.css.map*/