section{display:grid;place-items:center;align-items:center;min-height:50vh;width:70vw;padding:2rem}h1,h2,h3,h4,p,a,li,span{color:var(--text-color-secondary)}#app{--background-color: var(--background-color-dark);--background-header-color: var(--background-header-color-dark);--background-item-color: var(--background-item-color-dark);--header-shadow-color: var(--header-shadow-color-dark);--text-color-first: var(--text-color-first-dark);--text-color-secondary: var(--text-color-secondary-dark);--text-color-third: var(--text-color-third-dark);--header-btn-border: var(--header-btn-border-dark);--header-btn-background: var(--header-btn-background-dark);--header-btn-hover: var(--header-btn-hover-dark)}.white{--background-color: var(--background-color-white) !important;--background-header-color: var(--background-header-color-white) !important;--background-item-color: var(--background-item-color-white) !important;--text-color-first: var(--text-color-first-white) !important;--text-color-secondary: var(--text-color-secondary-white) !important;--text-color-third: var(--text-color-third-white) !important;--header-btn-border: var(--text-color-secondary-white) !important;--header-btn-background: var(--background-header-color-white) !important}.text-h1-medium{font-size:60px;font-weight:600}.text-h2-medium{font-size:48px;font-weight:600}.text-h3-medium{font-size:35px;font-weight:600}.text-h4-medium{font-size:28px;font-weight:600}.text-h5-medium{font-size:23px;font-weight:600}.text-base1-medium{font-size:20px;font-weight:600}.text-base2-medium{font-size:16px;font-weight:600}@media (max-width: 1100px){section{width:calc(100vw - 400px)}}@media (max-width: 800px){section{width:80vw}}@media screen and (max-width: 500px){.text-h1-medium{font-size:48px}.text-h2-medium{font-size:35px}.text-h3-medium{font-size:28px}.text-h4-medium{font-size:23px}.text-h5-medium{font-size:20px}.text-base1-medium{font-size:16px}.text-base2-medium{font-size:13px}}@media screen and (max-width: 400px){section{width:70vw}.text-h1-medium{font-size:35px}.text-h2-medium{font-size:28px}.text-h3-medium{font-size:23px}.text-h4-medium{font-size:20px}.text-h5-medium{font-size:16px}.text-base1-medium{font-size:13px}.text-base2-medium{font-size:10px}}.content{display:flex;flex-direction:column;align-items:center;padding-top:75px;background-color:var(--background-color)}.hidden{opacity:0;filter:blur(2px);transform:translate(-100%);transition:all 1s}.show{opacity:1;filter:blur(0);transform:translate(0)}#intro,#about_me,#tech,#expirience,#contact{scroll-margin:75px}.theme{position:fixed;bottom:0;right:0;z-index:999;width:40px;height:40px;margin:10px}.theme img{border-radius:50%;width:100%;height:100%;cursor:pointer;transition:transform .5s ease}.theme img:hover{transform:scale(1.1)}.intro{display:flex;flex-direction:column;gap:1rem}.intro__name{color:var(--text-color-third)}.about_me{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:3rem}.about_me__title{margin-bottom:1rem}.about_me__text{margin-bottom:2rem}.about_me__skills_title{color:var(--text-color-third)}.about_me__skills_list{list-style-type:none}.about_me__skill_item{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.about_me__skill_item__point{min-width:15px;height:15px;border-radius:50%;background-color:var(--header-shadow-color)}.tech{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:3rem}.tech__title{margin-bottom:1rem}.tech__frameworks,.tech__languages,.tech__others{display:flex;flex-direction:column;margin-bottom:2rem}.tech__frameworks__text,.tech__languages__text,.tech__others__text{margin-bottom:1rem;color:var(--text-color-third)}.tech__frameworks__items,.tech__languages__items,.tech__others__items{display:flex;width:100%;gap:1rem;flex-wrap:wrap}.tech__frameworks__item,.tech__languages__item,.tech__others__item{height:35px;transition:all .5s}.tech__frameworks__item:hover,.tech__languages__item:hover,.tech__others__item:hover{scale:1.1}.expirience{display:flex;flex-direction:column;margin-bottom:3rem}.expirience__title{margin-bottom:1rem}.timeline{position:relative;max-width:75vw;margin-bottom:3rem;left:-100px}.container{padding:10px 50px;position:relative;width:50%;z-index:1;animation:movedown 2s linear forwards;opacity:0}@keyframes movedown{0%{opacity:1;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.container:nth-child(1){animation-delay:0s}.container:nth-child(2){animation-delay:3s}.text-box{display:flex;flex-direction:column;position:relative;border-radius:6px;padding:20px 30px;background:var(--background-item-color);font-size:15;gap:1rem}.left-container{left:0}.right-container{left:calc(50% + 100px)}.container img{position:absolute;width:40px;border-radius:20%;right:-20px;top:32px;z-index:10}.right-container img{left:-20px}.timeline:after{content:"";position:absolute;width:6px;height:100%;background:var(--background-item-color);top:0;left:calc(50% + 100px);margin-left:-3px;animation:moveline 6s linear forwards}@keyframes moveline{0%{height:0}to{height:100%}}.left-container-arrow{height:0;width:0;position:absolute;top:28px;z-index:1;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid var(--background-item-color);right:-15px}.right-container-arrow{height:0;width:0;position:absolute;top:28px;z-index:1;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:15px solid var(--background-item-color);left:-15px}.expirience__company__name{color:var(--header-shadow-color)}.expirience__company__role{color:var(--text-color-first)}.expirience__company__deadlines{color:var(--header-shadow-color)}.expirience__company__task__item{color:var(--text-color-first)}.bmstu_tasks,.vk_tasks li{color:var(--header-shadow-color)}.bmstu_tasks,.vk_tasks{display:flex;flex-direction:column;gap:1rem}.contact{display:flex;flex-direction:column;margin-bottom:3rem;min-height:auto!important}.contact__title{margin-bottom:1rem}.contact__items{display:flex;justify-content:center;gap:2vw;width:100%}.contact__item{width:60px}.contact__item img{width:100%;border-radius:15%;cursor:pointer}.contact__item:nth-child(2){transition-delay:.2s}.contact__item:nth-child(3){transition-delay:.4s}.contact__item:nth-child(4){transition-delay:.6s}.contact__item:nth-child(5){transition-delay:.8s}.contact__telegram,.contact__vk,.contact__mailru,.contact__phone{transition:all .5s}.contact__telegram:hover,.contact__vk:hover,.contact__mailru:hover,.contact__phone:hover{transition-delay:0s!important;scale:1.1}@media (max-width: 1100px){.content{width:100vw;align-items:flex-start;padding-top:0}.theme{right:300px}.timeline:after{left:100px}.container{width:100%;left:80px}.left-container img,.right-container img{left:0}.left-container-arrow,.right-container-arrow{border-right:15px solid white;border-left:0;left:-15px}#intro,#about_me,#tech,#expirience,#contact{scroll-margin:0px}}@media (max-width: 800px){.content{align-items:center}.container{left:100px;width:calc(100% - 20px)}.theme{right:0}.timeline{left:-120px}.left-container img,.right-container img{left:-20px}}@media (max-width: 500px){.container{left:100px;width:calc(100% - 50px)}ul{padding-inline-start:10px}}#header{display:flex;align-items:center;justify-content:space-between;height:65px;width:100%;position:fixed;background-color:var(--background-header-color);padding:5px 10px;z-index:10;box-shadow:0 2px 4px var(--header-shadow-color)}.header__logo{height:70px;width:70px}.header__logo-img{height:100%;width:100%;cursor:pointer;transition:transform .5s ease}.header__logo-img:hover{transform:scale(1.1)}.header__btns{display:flex;gap:2rem;align-items:center}.header__btns__components{display:flex;gap:1rem}.header__btns__components__item{cursor:pointer}.header__btns__components__item-text{text-decoration:none}.header__btns__components__item-text{position:relative;text-decoration:none}.header__btns__components__item-text:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--text-color-secondary)}.header__btns__components__item-text:hover:after{width:100%;transition:width .5s ease}.header__btns__contact_me-href{text-decoration:none}.header__btns__contact_me{display:flex;height:46px;margin-right:30px;padding:0 15px;justify-content:center;align-items:center;border-radius:6px;border:2px solid var(--header-btn-border);background:var(--header-btn-background);color:var(--text-color-secondary);cursor:pointer;text-decoration:none}@media (max-width: 1100px){#header{display:none}}#sidebar{display:flex;flex-direction:column;display:none;align-items:center;justify-content:space-between;height:100vh;width:280px;position:fixed;top:0;right:0;background-color:var(--background-header-color);padding:5px 10px;z-index:10;box-shadow:0 2px 4px var(--header-shadow-color)}.sidebar__logo{height:70px;width:70px}.sidebar__close-btn,.sidebar-closed{display:none}.sidebar__logo-img{height:100%;width:100%;cursor:pointer;transition:transform .5s ease}.sidebar__logo-img:hover{transform:scale(1.1)}.sidebar__btns{display:flex;flex-direction:column;gap:2rem;align-items:center}.sidebar__btns__components{display:flex;flex-direction:column;padding:0;gap:1rem}.sidebar__btns__components__item{cursor:pointer}.sidebar__btns__components__item-text{text-decoration:none}.sidebar__btns__components__item-text{position:relative;text-decoration:none}.sidebar__btns__components__item-text:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--text-color-secondary)}.sidebar__btns__components__item-text:hover:after{width:100%;transition:width .5s ease}.sidebar__btns__contact_me-href{text-decoration:none}.sidebar__btns__contact_me{display:flex;height:46px;margin-bottom:30px;padding:0 15px;justify-content:center;align-items:center;border-radius:6px;border:2px solid var(--header-btn-border);background:var(--header-btn-background);color:var(--text-color-secondary);cursor:pointer;text-decoration:none}@media (max-width: 1100px){#sidebar{display:flex}}@media (max-width: 800px){#sidebar{display:none}}#minibar{display:flex;flex-direction:column;display:none;align-items:center;justify-content:space-between;height:100vh;width:280px;position:fixed;top:0;right:0;background-color:var(--background-header-color);padding:5px 10px;z-index:10;box-shadow:0 2px 4px var(--header-shadow-color)}.minibar__logo{display:flex;justify-content:space-between;height:70px;width:93vw;padding-left:2rem}.minibar__logo img{position:fixed;right:0;top:0;padding:5px 10px;height:70px;width:70px}.minibar__close-btn{display:none}.minibar-closed{display:none;height:70px;width:70px;padding:5px 10px;z-index:3}.minibar-closed img{height:100%;width:100%}.minibar__logo-img{left:20px;cursor:pointer;transition:transform .5s ease}.minibar__logo-img:hover{transform:scale(1.1)}.minibar__btns{display:flex;flex-direction:column;gap:2rem;align-items:center}.minibar__btns__components{display:flex;flex-direction:column;padding:0;gap:1rem}.minibar__btns__components__item{cursor:pointer}.minibar__btns__components__item-text{text-decoration:none}.minibar__btns__components__item-text{position:relative;text-decoration:none}.minibar__btns__components__item-text:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--text-color-secondary)}.minibar__btns__components__item-text:hover:after{width:100%;transition:width .5s ease}.minibar__btns__contact_me-href{text-decoration:none}.minibar__btns__contact_me{display:flex;height:46px;margin-bottom:30px;padding:0 15px;justify-content:center;align-items:center;border-radius:6px;border:2px solid var(--header-btn-border);background:var(--header-btn-background);color:var(--text-color-secondary);cursor:pointer;text-decoration:none}.header__btns__contact_me:hover{transition:all .5s;box-shadow:0 0 10px 3px var(--header-btn-hover),inset 0 0 10px 3px var(--header-btn-hover);border:2px solid var(--header-btn-hover)}@media (max-width: 800px){#minibar{display:flex;height:100%;width:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999}.minibar__close-btn{display:flex}.minibar-closed{display:flex;position:fixed;right:0;top:0}}body{font-family:Lora,serif;margin:0}#root{--background-color-dark: #0d0007;--background-header-color-dark: #330d32aa;--background-item-color-dark: #fafafa;--header-shadow-color-dark: var(--header-btn-hover-dark);--text-color-first-dark: #9c9c9c;--text-color-secondary-dark: #9c9c9c;--text-color-third-dark: aqua;--header-btn-border-dark: #6a096c;--header-btn-background-dark: #330d32;--header-btn-hover-dark: #c422c8;--background-color-white: #fafafa;--background-header-color-white: #fafafaaa;--background-item-color-white: #0d0007;--text-color-first-white: #fafafa;--text-color-secondary-white: #6a096c;--text-color-third-white: #9c9c9c}@font-face{font-family:Lora;src:url(/resume-site/assets/Lora-VariableFont_wght-PUwlrN39.ttf) format("truetype")}