body,html{--bg-color: rgb(231, 237, 239);--text-color: rgb(0, 0, 0);--block-one-color: rgb(208, 228, 239);--block-two-color: rgb(169, 195, 207);--button-color: rgb(52, 114, 123);--button-text-color: rgb(255, 255, 255);--progress-bar-color: rgb(111, 169, 195);--progress-bar-level: 0%;--sparkle-x: 0%;--sparkle-y: 0%;--sparkle-delay: 000ms;--sparkle-duration: 000ms;--glow-delay: 000ms;color-scheme:light dark;font-family:"Anonymous Pro",monospace;background:var(--bg-color);color:var(--text-color);font-size:1em;padding:0;margin:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{height:100%;display:grid;grid-template-rows:1fr auto;min-height:100vh}body>div.all_content{min-width:0;min-height:0;padding:0 6.25%;margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px}@media(prefers-color-scheme: dark){body,html{--bg-color: rgb(31, 36, 38);--text-color: rgb(255, 255, 255);--block-one-color: rgb(47, 96, 123);--block-two-color: rgb(38, 61, 81);--button-color: rgb(92, 211, 228);--button-text-color: rgb(0, 0, 0);--progress-bar-color: rgb(111, 169, 195)}}html[data-theme=light],html[data-theme=light] body{--bg-color: rgb(231, 237, 239);--text-color: rgb(0, 0, 0);--block-one-color: rgb(208, 228, 239);--block-two-color: rgb(169, 195, 207);--button-color: rgb(52, 114, 123);--button-text-color: rgb(255, 255, 255);--progress-bar-color: rgb(111, 169, 195)}html[data-theme=light] span.target_theme{left:0% !important;-webkit-transform:translateX(0%) !important;transform:translateX(0%) !important}html[data-theme=dark],html[data-theme=dark] body{--bg-color: rgb(31, 36, 38);--text-color: rgb(255, 255, 255);--block-one-color: rgb(47, 96, 123);--block-two-color: rgb(38, 61, 81);--button-color: rgb(92, 211, 228);--button-text-color: rgb(0, 0, 0);--progress-bar-color: rgb(111, 169, 195)}html[data-theme=dark] span.target_theme{left:100% !important;-webkit-transform:translateX(-100%) !important;transform:translateX(-100%) !important}.invisible{display:none !important}@font-face{font-family:"Caveat";src:url("../libs/font/Caveat/Caveat-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Caveat";src:url("../libs/font/Caveat/Caveat-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Caveat";src:url("../libs/font/Caveat/Caveat-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Caveat";src:url("../libs/font/Caveat/Caveat-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Anonymous Pro";src:url("../libs/font/Anonymous Pro/AnonymousPro-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Anonymous Pro";src:url("../libs/font/Anonymous Pro/AnonymousPro-Italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Anonymous Pro";src:url("../libs/font/Anonymous Pro/AnonymousPro-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Anonymous Pro";src:url("../libs/font/Anonymous Pro/AnonymousPro-BoldItalic.woff2") format("woff2");font-weight:700;font-style:italic;font-display:swap}@-webkit-keyframes glow{0%{left:-100%}100%{left:100%}}@keyframes glow{0%{left:-100%}100%{left:100%}}@-webkit-keyframes sparkleOpacity{0%,20%,40%,60%,80%,100%{opacity:0}10%,30%,50%,70%,90%{opacity:1}}@keyframes sparkleOpacity{0%,20%,40%,60%,80%,100%{opacity:0}10%,30%,50%,70%,90%{opacity:1}}@-webkit-keyframes sparkleMove{0%,100%{left:mod(var(--sparkle-x)*8161,100%);top:mod(var(--sparkle-y)*8161,100%)}20%{left:mod(var(--sparkle-x)*1213,100%);top:mod(var(--sparkle-y)*1213,100%)}40%{left:mod(var(--sparkle-x)*8329,100%);top:mod(var(--sparkle-y)*8329,100%)}60%{left:mod(var(--sparkle-x)*2897,100%);top:mod(var(--sparkle-y)*2897,100%)}80%{left:mod(var(--sparkle-x)*7297,100%);top:mod(var(--sparkle-y)*7297,100%)}}@keyframes sparkleMove{0%,100%{left:mod(var(--sparkle-x)*8161,100%);top:mod(var(--sparkle-y)*8161,100%)}20%{left:mod(var(--sparkle-x)*1213,100%);top:mod(var(--sparkle-y)*1213,100%)}40%{left:mod(var(--sparkle-x)*8329,100%);top:mod(var(--sparkle-y)*8329,100%)}60%{left:mod(var(--sparkle-x)*2897,100%);top:mod(var(--sparkle-y)*2897,100%)}80%{left:mod(var(--sparkle-x)*7297,100%);top:mod(var(--sparkle-y)*7297,100%)}}@-webkit-keyframes moveArrow{0%,100%{-webkit-transform:translateX(var(--bias-arrow));transform:translateX(var(--bias-arrow))}50%{-webkit-transform:translateX(calc(var(--bias-arrow) * -1));transform:translateX(calc(var(--bias-arrow) * -1))}}@keyframes moveArrow{0%,100%{-webkit-transform:translateX(var(--bias-arrow));transform:translateX(var(--bias-arrow))}50%{-webkit-transform:translateX(calc(var(--bias-arrow) * -1));transform:translateX(calc(var(--bias-arrow) * -1))}}@media(prefers-reduced-motion: reduce){.meter>*>.glow{-webkit-animation:none;animation:none}.meter .sparkle{left:var(--sparkle-x);top:var(--sparkle-y);-webkit-animation:sparkleMove none,sparkleOpacity calc(var(--sparkle-duration)*5) var(--sparkle-delay) infinite;animation:sparkleMove none,sparkleOpacity calc(var(--sparkle-duration)*5) var(--sparkle-delay) infinite}button.original,a.original{background-color:rgba(0,0,0,0);-webkit-transition:color .4s ease-in-out,background-color .4s ease-in-out;transition:color .4s ease-in-out,background-color .4s ease-in-out}button.original span,a.original span{-webkit-transition:none;transition:none}button.original:hover,a.original:hover{color:var(--button-text-color);background-color:var(--button-color) !important}button.original:hover span,a.original:hover span{width:unset;height:unset}button.original:active,a.original:active{background-color:unset}}@layer import, main, mobileStyles;@layer import{body,html{--standart-padding: 15px;--standart-gap-small: 5px;--standart-gap-medium: 10px;--standart-gap-large: 20px;--standart-border-radius: 10px;--max-width-button: 300px;--icon-size: 1em}}@layer main{dialog{padding:0;border:0;background:var(--bg-color);color:var(--text-color)}body:has(dialog[open]:modal){overflow:hidden;scrollbar-gutter:stable}img{width:100%;height:100%}h1{font-family:"Caveat",cursive;font-size:2em}h1::first-letter{text-transform:uppercase}h2{font-size:1.5em}h1,h2,p,a{color:inherit;margin:0}button{z-index:1;background:0;overflow:hidden;position:relative;border-radius:var(--standart-border-radius);font-size:1.2em;--icon-size: 1.2em;padding:var(--standart-padding);cursor:pointer;color:var(--text-color);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}a{z-index:1;overflow:hidden;position:relative;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--standart-gap-small);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}a>span{-ms-flex-line-pack:center;align-content:center;text-decoration:underline}a>i{font-size:1.5em}a:hover{color:var(--button-color)}svg{width:100%;height:100%}button.original,a.original{position:relative;display:block;overflow:hidden;width:100%;text-transform:uppercase;border:2px solid var(--button-color);color:var(--text-color);-webkit-transition:color .4s ease-in-out;transition:color .4s ease-in-out;z-index:1}button.original span,a.original span{position:absolute;display:block;width:0;height:0;border-radius:50%;background-color:var(--button-color);-webkit-transition:width .4s ease-in-out,height .4s ease-in-out;transition:width .4s ease-in-out,height .4s ease-in-out;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:-1}button.original:hover,a.original:hover{color:var(--button-text-color)}button.original:hover span,a.original:hover span{width:225%;height:562.5px}button.original:active,a.original:active{background-color:var(--button-color)}.meter>*>.glow{position:absolute;top:0;left:-100%;height:100%;width:100%;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0)));background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);-webkit-animation:glow 2s var(--glow-delay) infinite;animation:glow 2s var(--glow-delay) infinite}.meter .sparkle{position:absolute;width:5px;height:5px;background-color:#fff;border-radius:50%;opacity:0;-webkit-animation:sparkleMove var(--sparkle-duration) var(--sparkle-delay) infinite,sparkleOpacity var(--sparkle-duration) var(--sparkle-delay) infinite;animation:sparkleMove var(--sparkle-duration) var(--sparkle-delay) infinite,sparkleOpacity var(--sparkle-duration) var(--sparkle-delay) infinite;-webkit-animation-timing-function:steps(1),linear;animation-timing-function:steps(1),linear}.projects,.skills,.experience,.contacts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--standart-gap-medium)}header{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--standart-gap-large);-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .avatar{width:320px;aspect-ratio:1/1;min-width:320px;min-height:100%;margin:0}header .avatar>img{border-radius:100%}header>:not(:first-child){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--standart-gap-large);width:100%}header>:not(:first-child)>.main{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--standart-gap-small);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}header>:not(:first-child)>.main>.nickname>h1{white-space:nowrap;text-overflow:ellipsis}header>:not(:first-child)>.main>.nickname>*:last-child{display:none}header>:not(:first-child)>.main>*:not(:last-child){display:contents}header>:not(:first-child)>.main>*:not(:last-child)::after{font-family:"Caveat",cursive;font-size:2em;content:".";display:block;position:relative;top:-5px}header>:not(:first-child)>.main>.function_buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--standart-gap-medium)}header>:not(:first-child)>.main>.function_buttons>*:first-child{display:-webkit-box;display:-ms-flexbox;display:flex}header>:not(:first-child)>.main>.function_buttons>button,header>:not(:first-child)>.main>.function_buttons>*>button{line-height:0;--icon-size: 2em;background:none;padding:0;border:0;color:var(--text-color)}header>:not(:first-child)>.main>.function_buttons>button:hover,header>:not(:first-child)>.main>.function_buttons>button:has(+ul:hover),header>:not(:first-child)>.main>.function_buttons>*>button:hover,header>:not(:first-child)>.main>.function_buttons>*>button:has(+ul:hover){color:var(--button-color)}header>:not(:first-child)>.main>.function_buttons>*{margin:auto;position:relative}header>:not(:first-child)>.main>.function_buttons>*>ul.dropdown_menu{z-index:2;overflow:hidden;border:0;right:0;top:100%;padding:0;margin:0;border-radius:var(--standart-border-radius);line-height:normal;font-size:unset;position:absolute;background:var(--block-two-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;list-style-type:none}header>:not(:first-child)>.main>.function_buttons>*>ul.dropdown_menu>li>button{border:0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--standart-gap-small);font-size:1em;--icon-size: 1em;border-radius:0;background:none}header>:not(:first-child)>.main>.function_buttons>*>ul.dropdown_menu>li>button:hover{background:rgba(0,0,0,.2)}header>:not(:first-child)>.main>.function_buttons>.theme{display:grid;overflow:hidden;border-radius:var(--standart-border-radius);background:var(--block-one-color);grid-template-columns:repeat(3, 1fr)}header>:not(:first-child)>.main>.function_buttons>.theme>button{z-index:1;padding:5px}header>:not(:first-child)>.main>.function_buttons>.theme>button>app-icon{pointer-events:none}header>:not(:first-child)>.main>.function_buttons>.theme>span{left:50%;width:33%;height:100%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:var(--block-two-color);-webkit-transition:left .3s ease,-webkit-transform .3s ease;transition:left .3s ease,-webkit-transform .3s ease;transition:left .3s ease,transform .3s ease;transition:left .3s ease,transform .3s ease,-webkit-transform .3s ease}header>:not(:first-child)>.about_me{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--standart-gap-small);background:var(--block-one-color);padding:var(--standart-padding);border-radius:var(--standart-border-radius)}header>:not(:first-child)>.about_me button{text-decoration:underline;border-radius:0;margin-left:auto;background:none;padding:0;border:0}header>:not(:first-child)>.about_me button:hover{color:var(--button-color)}header>:not(:first-child)>.forward{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--standart-gap-small);width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}header>:not(:first-child)>.forward>*{width:100%;max-width:var(--max-width-button)}.projects>:not(:first-child){display:-webkit-box;display:-ms-flexbox;display:flex}.projects>:not(:first-child)>.selector{width:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.projects>:not(:first-child)>.selector>*{background:var(--block-one-color)}.projects>:not(:first-child)>.selector>label{width:100%;height:100%;font-weight:bold;text-align:center;-ms-flex-item-align:end;align-self:flex-end;-ms-flex-line-pack:center;align-content:center;padding:var(--standart-padding) 0;border-radius:var(--standart-border-radius) 0 0 var(--standart-border-radius);-webkit-transition:width .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-in-out,background-color .2s ease-in-out}.projects>:not(:first-child)>.selector>label:has(input:checked){width:85%;background-color:var(--block-two-color)}.projects>:not(:first-child)>.selector>label>input{display:none}.projects>:not(:first-child)>.main{width:100%}.projects>:not(:first-child)>.main>*{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--standart-gap-large);background:var(--block-two-color);padding:var(--standart-padding);border-radius:0 var(--standart-border-radius) var(--standart-border-radius) 0}.projects>:not(:first-child)>.main>*>.picture{aspect-ratio:16/9;-ms-flex-item-align:center;align-self:center;min-height:220px;max-height:220px;margin:0}.projects>:not(:first-child)>.main>*>:last-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--standart-gap-medium);width:100%}.projects>:not(:first-child)>.main>*>:last-child .description,.projects>:not(:first-child)>.main>*>:last-child .stack{display:block}.projects>:not(:first-child)>.main>*>:last-child .description>:first-child,.projects>:not(:first-child)>.main>*>:last-child .stack>:first-child{font-weight:bold}.projects>:not(:first-child)>.main>*>:last-child .description>*,.projects>:not(:first-child)>.main>*>:last-child .stack>*{display:inline}.projects>:not(:first-child)>.main>*>:last-child .buttons{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:auto;gap:var(--standart-gap-medium);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.projects>:not(:first-child)>.main>*>:last-child .buttons>a{text-align:center;max-width:var(--max-width-button);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;background:none;border:2px solid var(--button-color);border-radius:var(--standart-border-radius);font-size:1.2em;padding:var(--standart-padding)}.projects>:not(:first-child)>.main>*>:last-child .buttons:has(>.invisible){-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.skills>*{position:relative}.skills>*>*>.control_button{top:50%;position:absolute;border-radius:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--block-two-color);padding:var(--standart-padding);border:0;--icon-size: 1.5em}.skills>*>*>.control_button:hover{color:var(--button-color)}.skills>*>*>.control_button.left{left:5px;--bias-arrow: 5%}.skills>*>*>.control_button.right{right:5px;--bias-arrow: -5%}.skills>*>*>.control_button:hover app-icon{-webkit-animation:moveArrow .5s infinite;animation:moveArrow .5s infinite}.skills>*>*>.control_button>*{display:-webkit-box;display:-ms-flexbox;display:flex}.skills>*>.main{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative;overflow:scroll;display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--standart-gap-large)}.skills>*>.main::-webkit-scrollbar{display:none}.skills>*>.main .card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--standart-gap-medium);background:var(--block-one-color);padding:var(--standart-padding);border-radius:var(--standart-border-radius);width:100%;min-width:320px;max-width:400px;scroll-snap-align:center}.skills>*>.main .card>h2{text-align:center}.skills>*>.main .card>.all>label{display:grid;gap:var(--standart-gap-medium);grid-template-rows:1fr;grid-template-columns:5fr 11fr;opacity:.8}.skills>*>.main .card>.all>label::before{content:""}.skills>*>.main .card>.all>label .info{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--standart-gap-small);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.skills>*>.main .card>.all>label .info>p{width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skills>*>.main .card>.all>label .info>p:first-child{text-align:start}.skills>*>.main .card>.all>label .info>p:last-child{text-align:end}.skills>*>.main .card>.all>.all_bars{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--standart-gap-medium)}.skills>*>.main .card>.all>.all_bars>.progress_bar{display:grid;gap:var(--standart-gap-medium);grid-template-rows:1fr;grid-template-columns:5fr 11fr}.skills>*>.main .card>.all>.all_bars>.progress_bar>p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skills>*>.main .card>.cool_button{width:100%}.experience>.all_exp{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--standart-gap-medium)}.experience>.all_exp>.work{background:var(--block-two-color);padding:var(--standart-padding);border-radius:var(--standart-border-radius)}.experience>.all_exp>.work>*:first-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.experience>.all_exp>.work>*:first-child>*{position:relative;cursor:pointer}.experience>.all_exp>.work>*:first-child>*>.time_diff{position:absolute;bottom:125%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:var(--standart-padding);background-color:var(--block-one-color);color:var(--text-color);border-radius:var(--standart-border-radius);-webkit-box-shadow:0 4px 10px rgba(0,0,0,.2);box-shadow:0 4px 10px rgba(0,0,0,.2);opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease .4s,visibility .3s ease .4s;transition:opacity .3s ease .4s,visibility .3s ease .4s}.experience>.all_exp>.work>*:first-child>*:hover>.time_diff{opacity:1;visibility:visible}.experience>.all_exp>.work>.description .info,.experience>.all_exp>.work>.description .stack{display:block}.experience>.all_exp>.work>.description .info>:first-child,.experience>.all_exp>.work>.description .stack>:first-child{font-weight:bold}.experience>.all_exp>.work>.description .info>*,.experience>.all_exp>.work>.description .stack>*{display:inline}.contacts>.main{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--standart-gap-large);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.contacts>.main>.contact{--icon-size: 2em}.contacts>*:last-child{text-align:center}footer{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:var(--standart-gap-small);background:var(--block-one-color);padding:var(--standart-padding)}footer>p::after{content:"."}dialog{border-radius:var(--standart-border-radius)}dialog>div{padding:var(--standart-padding);background:var(--block-one-color);display:-webkit-box;display:-ms-flexbox;display:flex;max-width:var(--max-width-button);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}dialog>div>*:first-child{margin-left:auto}dialog>div .cross{border:0;padding:0}dialog>div .cross:hover{color:var(--button-color)}.meter{position:relative;width:100%;height:100%;background-color:var(--bg-color);border-radius:15px;overflow:hidden}.meter>.fill{display:block;height:100%;width:var(--progress-bar-level);background-color:var(--progress-bar-color);position:relative;border-radius:15px;overflow:hidden}}@layer mobileStyles{@media(max-width: 1460px){header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}header>.avatar{width:720px;min-width:720px;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}}@media(max-width: 1080px){body,html{--standart-padding: 10px;--max-width-button: unset}h1{text-align:center}header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}header>.avatar{width:100%;min-width:100%;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}header>:not(:first-child)>.main{display:grid;grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr auto 1fr}header>:not(:first-child)>.main>.nickname>h1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;overflow:hidden}header>:not(:first-child)>.main>.nickname::after{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}header>:not(:first-child)>.main>.title,header>:not(:first-child)>.main>.tags{display:block;-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;grid-column:span 3;text-align:center}header>:not(:first-child)>.main>.title::after,header>:not(:first-child)>.main>.tags::after{display:none}header>:not(:first-child)>.main>.tags{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}header>:not(:first-child)>.main>.function_buttons{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}header>:not(:first-child)>.main>.function_buttons>*>button{--icon-size: 1.5em}header>:not(:first-child)>.main>.function_buttons>*>ul.dropdown_menu{right:unset;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%}header>:not(:first-child)>.forward{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--standart-gap-medium)}.projects>:not(:first-child){-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.projects>:not(:first-child)>.selector{width:100%;-webkit-box-orient:unset;-webkit-box-direction:unset;-ms-flex-direction:unset;flex-direction:unset;height:60px}.projects>:not(:first-child)>.selector>label{padding:0 var(--standart-padding);border-radius:var(--standart-border-radius) var(--standart-border-radius) 0 0}.projects>:not(:first-child)>.selector>label:has(input:checked){width:100%;height:85%}.projects>:not(:first-child)>.main>*{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--standart-gap-medium);border-radius:0 0 var(--standart-border-radius) var(--standart-border-radius)}.projects>:not(:first-child)>.main>*>.picture{min-height:unset;max-height:unset;width:100%}.projects>:not(:first-child)>.main>*>* h2{text-align:center}.projects>:not(:first-child)>.main>*>*>.buttons{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.skills>*>.main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.skills>*>.main>.card{min-width:300px}.experience>.all_exp>.work{gap:var(--standart-gap-large);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.experience>.all_exp>.work>*:first-child{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.experience>.all_exp>.work>*:first-child>h2{text-wrap:balance}.experience>.all_exp>.work>*:first-child>*>.time>p{gap:var(--standart-gap-small);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.experience>.all_exp>.work>.description{gap:var(--standart-gap-medium);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.experience>.all_exp>.work>.description>*>ul{margin:0}.contacts>.main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}footer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}footer>p::after{display:none}dialog>div .cross{--icon-size: 1.5em}}@media(max-width: 400px){header>:not(:first-child)>.main>.nickname>*:first-child{display:none}header>:not(:first-child)>.main>.nickname>*:last-child{display:unset}}}@media(prefers-reduced-motion: reduce){.skills>*>*>.control_button:hover i{-webkit-animation:none;animation:none}}