@charset "UTF-8";:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--background-main);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scrollbar-gutter:stable}#app{width:100%;margin:0 auto;box-sizing:border-box;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;padding:3px}li{list-style-type:none}.wrapper.light .header__item.header__item_active{background-color:#4a6d79;box-shadow:6px 4px 6px #062c50,6px 4px 6px #062c50}.header__item,.project__block{transition:color .5s ease-in-out 0s,background-color .5s ease-in-out 0s}.header__item:hover,.project__block:hover{background-color:#25c8dd;color:#075239}.wrapper.light .header__item:focus-visible,.project__block:focus-visible{background-color:#25c8dd;color:#075239}.wrapper.light .header__item:hover,.wrapper.light .project__block:hover{background-color:#21a965;color:#075239}.header__item:focus,.project__block:focus{background-color:#450a53;color:#d5e9e2;outline:none}.photo__left svg,.photo__right svg{transition:transform .5s ease-in-out 0s}.photo__left svg:hover,.photo__right svg:hover{transform:scale(1.5)}.photo__left button,.photo__right button{transition:transform .3s ease-in-out 0s}.photo__left button:focus-visible,.photo__right button:focus-visible{transform:scale(1.4);outline:none}.contactsComp__tel{transition:transform .5s ease-in-out 0s}.contactsComp__tel button{outline:none}.contactsComp__tel:hover{transform:scale(1.5)}.contactsComp__tel:focus-visible{transform:scale(1.3);outline:none}.footer__tel{border:0;background-color:transparent;transition:transform .3s ease-in-out 0s}.footer__tel svg{transition:transform .5s ease-in-out 0s}.footer__tel svg:hover{transform:scale(1.5)}.footer__tel:focus-visible{transform:scale(1.3);outline:none}.footer__githubLink svg,.footer__githubLink p{transition:transform .5s ease-in-out 0s}.footer__githubLink:hover svg,.footer__githubLink:hover p{transform:scale(1.2)}.footer__githubLink:focus-visible{outline:none}.footer__githubLink:focus-visible svg,.footer__githubLink:focus-visible p{transform:scale(1.2)}body{background:linear-gradient(90deg,#1f2122,#2d3631,#17160c);font-size:clamp(12px,1vw,24px);color:#94dce6}.wrapper{width:100%;display:flex;flex-direction:column;min-height:100vh}.header{background-color:#0d121c;padding:.5rem 0;position:sticky;top:0}.header__menu{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;padding:.5rem 0}.header__item{width:20vw;text-align:center;color:#94dce6;background-color:#2d5726;padding:.5rem;border-radius:15px;box-shadow:6px 4px 6px #e9e9e9,6px 4px 6px #000}.header__item_active{background-color:#4a6d79}.burger__logo{position:relative;z-index:1100;width:30px;height:24px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;background:transparent;border:none;padding:0;margin:1vh 0 0 2vw}.burger__logo span{display:block;height:4px;background-color:#dddada;border-radius:2px;transition:all .3s ease}.burger__logo span:nth-child(1){transform-origin:top left}.burger__logo span:nth-child(2){width:100%}.burger__logo span:nth-child(3){transform-origin:bottom left}.burger__menu{position:fixed;top:0;left:0;width:50vw;height:100vh;background-color:#222;padding-top:60px;padding-right:30px;box-shadow:2px 0 5px #00000080;transform:translate(-100%);transition:transform .3s ease;z-index:1000;overflow-y:auto}.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.open span:nth-child(2){opacity:0}.open span:nth-child(3){transform:rotate(-45deg) translate(-5px,5px)}.burger__menu.open{transform:translate(0)}.burger__item{display:block;padding:15px 20px;border-radius:20px;text-decoration:none}.burger__item.header__item_active,.burger__item:hover{background-color:#444}.main{padding:1.5rem;flex:1}.home__greeting{text-align:center;margin-bottom:1vh}.home__photo{display:flex;justify-content:center;align-items:center}.home__education{display:flex;flex-direction:column;gap:2vh}.photo__left button,.photo__right button{cursor:pointer;background-color:inherit;border:none}.photo__right{transform:rotate(180deg)}.personal{display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap;gap:1.5vh}.accordion{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);background-color:#0d121c;margin-bottom:4vh;gap:40px;padding:1.5rem;border-radius:20px}.projects__header{margin-bottom:2vh}.project__block{width:100%;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;background-color:#0d121c;padding:10px 1.5rem;margin-bottom:2vh;border-radius:20px;cursor:pointer}.project__plus{transition:transform .4s ease}.project__plus.rotate{transform:rotate(45deg)}.project__descr{grid-column:1/3;grid-row:1/3;order:1}.project__stack{grid-column:3/4;grid-row:1/2;order:2}.project__img{order:3;width:20vw;margin:0 auto}.project__link{order:4;display:flex;flex-direction:column}.project__git{order:5;display:flex;flex-direction:column}.contacts{display:flex;flex-direction:column}.contacts h2{text-align:center;margin-bottom:2.5vh}.contacts h3{text-align:center}.container{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.contactsComp{display:grid;gap:7vh;flex:1}.contactsComp__tel{display:flex;align-items:center;gap:1vw}.contactsComp__github{margin:0 auto;margin-bottom:7vh}.animate{width:100vw;height:85vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#0d121c}.footer{background-color:#0d121c;padding:.5rem 0}.footer__about{display:flex;justify-content:space-around}.footer__contacts{display:flex;gap:2vw}.footer__githubLink{display:flex;align-items:center;gap:2vw}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.marker{list-style-type:circle}.accordion{overflow:hidden}.accordion-enter-active,.accordion-leave-active{transition:max-height .4s ease}.accordion-enter-from,.accordion-leave-to{max-height:0}.accordion-enter-to,.accordion-leave-from{max-height:1000px}.download-button button{padding:1vh 1vw;border-radius:10px;background-color:#417e38;color:#94dce6;box-shadow:5px 5px 5px #5f9ea0}#theme-toggle{margin-bottom:5vh;padding:1vh 1vw;border-radius:12px;background-color:#54d5ecb6;border-color:transparent;box-shadow:6px 4px 6px #e9e9e9,6px 4px 6px #000;text-align:right}.wrapper.light{background-color:#bbc7b2;color:#000}.wrapper.light .burger__menu.open{background-color:#979c9a}.wrapper.light .burger__menu.open a{color:#11ed89}.wrapper.light #theme-toggle{box-shadow:6px 4px 6px #062c50,6px 4px 6px #062c50;cursor:pointer}.wrapper.light a{color:#000}.wrapper.light .header,.wrapper.light .footer{background-color:#83a192}.wrapper.light .header__item{background-color:#83a192;box-shadow:6px 4px 6px #062c50,6px 4px 6px #062c50}.wrapper.light .project__block,.wrapper.light .accordion{background-color:#83a192}.wrapper.light .project__git a,.wrapper.light .project__link a{color:#11ed89}@media(min-width:320px)and (max-width:768px){.accordion,.contactsComp{display:flex;flex-direction:column}.container{display:flex;flex-direction:column;align-items:center;gap:4vh}.photo__left,.photo__right{display:none}.slide img{width:100%}.footer__tel svg,.footer__githubLink svg{width:7vw;height:7vw}.burger__menu{width:70vw}.burger__logo{margin:1vh 0 0 4vw}.personal{text-align:justify}.project__img{width:90%}.project__plus{width:7vw;height:7vh}.project__block{padding:10px .5rem}}