@import"https://fonts.googleapis.com/css2?family=Martian+Mono&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--h1-font-size: calc(100vw * 200.4 / 1710);--code-font-size: max(calc(calc(100vw * 51.27 / 1710)), 24px);--tools-font-size: calc(calc(100vw * 84.8 / 1710));--footer-text-font-size: calc(calc(100vw * 95.85 / 1710))}body{font-family:Martian Mono,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;background:#282a2e;color:#fff;min-width:320px}#app{padding:12px;box-sizing:border-box}.title-h2{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;font-size:var(--h1-font-size);line-height:100%;text-transform:uppercase;color:transparent}main{display:flex;flex-direction:column;gap:118.5px}@media (max-width: 896px){:root{--footer-text-font-size: calc(calc(100vw * 46.9 / 320))}}.burqa{width:100vw;height:100dvh;background-color:#282a2e;position:fixed;z-index:1;display:flex;justify-content:center;align-items:center}.burqa:before{content:"·";font-size:var(--h1-font-size);text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;color:#282a2e;animation:rotating 1s linear infinite}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo{display:flex;gap:8px;flex-wrap:wrap}.header{font-size:16px;line-height:100%;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}.logo__slash{opacity:.2}.logo__desc{opacity:.5;white-space:pre-wrap}.header__link{color:#61afef;text-decoration:none;text-decoration:underline;text-decoration-color:#61afef00;transition:text-decoration-color .2s ease-in-out}.header__link:hover{text-decoration-color:#61afef}.hero__title{font-size:var(--h1-font-size);line-height:100%;text-transform:uppercase;height:fit-content}.hero__desc{font-size:24px;line-height:145%}.hero{display:flex;gap:166.5px;transition:all 1s ease-in-out;opacity:.1;margin-top:118.5px}.hero__title-video-wrapper{position:relative}.hero__title-video{position:absolute;width:100%;aspect-ratio:1 / 1;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100%;object-fit:cover}@media (max-width: 1367px){.hero{gap:24px}}@media (max-width: 896px){.hero{flex-direction:column}.hero__title-video-wrapper{position:unset}.hero__title{position:relative}.hero__title-video{height:100%;width:auto;right:0;top:0;left:auto;transform:none}}@media (max-width: 580.5px){.hero__desc{font-size:16px}.hero{gap:16px}}.code{overflow-x:scroll}.code__str{font-size:var(--code-font-size);line-height:145%;white-space:pre}.about-me__title-h2{margin-bottom:32px}.code__str_digit{opacity:.2}.code__str_purple{color:#c678dd}.code__str_blue{color:#61afef}.code__str_grey{opacity:.5}.code__str_red{color:#ff5d5d}.code__str_orange{color:#d19a66}.code__str_green{color:#98c379}.skills__title-h2{margin-bottom:32px}.skill{padding:24px;border:1px solid rgba(255,255,255,.2);box-sizing:border-box;margin-bottom:24px;transition:all .2s ease-in-out;display:inline-block;width:100%}.skill_green:hover{background:#98c379;color:#282a2e}.skill_blue:hover{background:#61afef;color:#282a2e}.skill:hover .skill__status{background:#282a2e;color:#fff}.skill__title{font-size:24px;line-height:145%;word-wrap:break-word}.skill__status{padding:8px 16px;box-sizing:border-box;color:#282a2e;border-radius:100px;display:inline-block;margin-top:32px;transition:all .2s ease-in-out}.skill__status_blue{background:#61afef}.skill__status_green{background:#98c379}.skills__list{columns:4;column-gap:24px}@media (max-width: 1367px){.skills__list{columns:3}}@media (max-width: 896px){.skills__list{columns:2}}@media (max-width: 580.5px){.skills__list{columns:1}.skill__title{font-size:16px}}.tools__title-h2{margin-bottom:32px}.tools-list{font-size:var(--tools-font-size);line-height:100%;text-transform:uppercase;display:flex}.toolst-list__ul{display:flex;flex-direction:column;gap:24px}.tools-list__li_left{position:sticky;top:calc(var(--h1-font-size) + 32px + 118.5px)}.tools__lists{display:flex;flex-direction:column;gap:24px}.toolst-list__ul_grey{opacity:.5}.tools-list__li_javascript{color:#f7df1e}.tools-list__li_html{color:#f16529}.tools-list__li_css{color:#2965f1}.tools-list__li_figma-1{color:#f24e1e}.tools-list__li_figma-2{color:#ff7262}.tools-list__li_figma-3{color:#a259ff}.tools-list__li_figma-4{color:#1abcfe}.tools-list__li_figma-5{color:#0acf83}.tools-list__li_chrome-devtools{color:#1a73e8}.tools-list__li_gitlab-1{color:#fc6d26}.tools-list__li_gitlab-2{color:#fca326}.tools-list__li_vite{color:#fcc72b}.tools-list__li_emmet{color:#baffa9}.tools-list__li_github{color:3e75C3}.tools-list__li_lighthouse-1{color:#f4481e}.tools-list__li_lighthouse-2{color:#0535c1}.tools-list__li_pixel-perfect{color:#ff83af}.tools-list__li_vs-code{color:#3c99d4}.tools-list__li_rest-api{color:#69e3ff}.projects__title-h2{margin-bottom:32px}.projetcs__list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;grid-auto-rows:1fr}.project{padding:24px;box-sizing:border-box;min-height:calc(100dvh - var(--h1-font-size) - 32px - 24px);color:#282a2e;display:flex;flex-direction:column;gap:32px;justify-content:space-between;position:relative}.project_blue{background:#61afef}.project_green{background:#98c379}.project_orange{background:#d19a66}.project_purple{background:#c678dd}.project__title{font-size:var(--code-font-size);text-transform:uppercase;margin-bottom:16px}.project__desc{font-size:16px;line-height:145%}.project__link{color:#fff;font-size:16px;line-height:100%;text-decoration:none;padding:8px 16px;background:#282a2e;width:fit-content}.project__arrow{display:inline-block;transition:transform .2s ease-in-out}.project__link:hover .project__arrow{transform:translate(8px)}.project__links{display:flex;flex-direction:column;gap:8px}.project:before{content:"";display:block;width:24px;height:24px;position:absolute;top:24px;right:24px;border-radius:100px;background:#282a2e}@media (max-width: 1367px){.project{min-height:unset}.projetcs__list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 580.5px){.projetcs__list{grid-template-columns:repeat(1,1fr)}}.experience__title-h2{margin-bottom:32px}.timeline-item{display:grid;grid-template-columns:auto 1fr;position:relative;grid-gap:16px;column-gap:166.5px}.timeline-item__year{display:grid;grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:3;font-size:var(--tools-font-size);line-height:100%;opacity:.5}.timeline-item__title{display:grid;grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:2;font-size:max(calc(var(--tools-font-size) / 2),24px);line-height:100%;text-transform:uppercase}.timeline-item__description{display:grid;grid-column-start:2;grid-column-end:3;grid-row-start:2;grid-row-end:3;font-size:16px;line-height:145%}.timeline-item:after{content:"";display:block;width:8px;background:#fff3;height:calc(100% - var(--tools-font-size) - 24px);position:absolute;bottom:0;left:calc(var(--tools-font-size) / 3.2615384615)}.timeline-item:nth-last-child(2):after{height:calc(100% - 24px);top:0}.timeline-item_void{height:100dvh;display:flex;justify-content:center;align-items:center}.timeline-item_void:after{height:100%}.timeline-item:last-child:after{background:linear-gradient(180deg,#fff3,#fff0)}@media (max-width: 1367px){.timeline-item{column-gap:24px}.timeline-item__description{grid-column-start:1}.timeline-item:first-child:after{display:none}.timeline-item:nth-child(2):after{height:calc(100% - 24px)}.timeline-item:last-child:after{display:none}}@media (max-width: 580.5px){.timeline-item{display:flex;flex-direction:column;gap:0}.timeline-item__year{margin-bottom:8px}.timeline-item__title{margin-bottom:16px}.timeline-item__description_void{width:50%}}.footer{margin-top:118.5px;width:100%}.footer:before{content:"";display:block;width:100%;height:1px;background:#fff3;margin-bottom:24px}.footer__text{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;font-size:var(--footer-text-font-size);line-height:100%;text-transform:uppercase;color:transparent}.footer__inner{display:flex;justify-content:space-between;position:relative}.footer__telegram{background:url(/telegram.svg) no-repeat center / cover;height:var(--footer-text-font-size);aspect-ratio:1 / 1;border-radius:100px;transition:all .5s ease-in-out;outline:12px solid rgba(97,175,239,0)}.footer__telegram:hover{outline:0px solid rgba(97,175,239,1)}@media (max-width: 896px){.footer__telegram{position:absolute;right:0;bottom:0}}