@import "https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,200;0,500;1,100;1,200;1,400&display=swap";body{max-width:100%;max-height:100%;background:radial-gradient(circle at 100px 50px,#242424,#000);margin:0;padding:0;font-family:Barlow,sans-serif}a{text-decoration:none}li{list-style-type:none}button{cursor:pointer}:root{--black:#242424;--gray-1:#242323;--gray2:#cacaca;--gray3:#d3d3d3;--gray4:#8a8a8a;--gray5:#cacaca;--gray6:#5c5b5b;--gray7:#868686;--gray9:#939393;--gray10:#212121;--gray11:#a0a0a0;--yellow:#fdb300;--yellow-1:#fff1cf;--white:#fff;--white2:#e3e3e3;--green:#3bae46;--green2:#6dbc6f;--green3:#43ff4a;--red:#c83e3e;--red2:#cb426b;--red3:#c57c7c;--red4:#ff3434;--violet:#7c61b5;--violet2:#5b4c95;--violet3:#8b6eff}@media (min-width:280px){.about-me{visibility:hidden}}@media (min-width:1200px){.about-me{visibility:visible}}.about-me{z-index:1;display:flex;position:absolute;top:40px;right:39px}.about-me__section-right{text-align:right;flex-direction:column;margin-right:4%;display:flex}.about-me__about{color:var(--white);font-size:3rem;font-weight:300}.about-me__me{color:var(--gray4);margin:-9px 0 4px;font-size:2.5rem;font-weight:300}.about-me__text{color:var(--red3);max-width:352px;margin:0;font-size:1.25rem}.contacts__me-info{color:var(--white);margin:-10px 0 10px;font-size:6rem;font-weight:900}.contacts__emails{place-content:center;display:flex}.contacts__wrapper{writing-mode:vertical-lr;text-orientation:upright;align-items:center;margin-right:23px;font-size:.875rem;line-height:12px;display:flex}.contacts__wrapper:last-child{margin-right:0}.contacts__git,.contacts__linked,.contacts__mail{cursor:pointer;color:var(--white2);margin-top:6px}.contacts__contact-top{margin-top:31px}.contacts__contact-bottom{margin-top:10px}.menu{z-index:1}@media screen and (min-width:1200px){.menu{visibility:hidden}}.menu__btn{width:26px;height:26px;cursor:pointer;z-index:1;align-items:center;display:flex;position:fixed;top:16px;right:20px;transform:scaleX(-1)}@media screen and (min-width:1024px){.menu__btn{top:8%}}@media screen and (max-width:920px){.menu__btn{top:4.2%}}@media screen and (max-width:520px){.menu__btn{top:2.5%}}.menu__btn>.menu__span,.menu__btn>.menu__span:before,.menu__btn>.menu__span:after{width:158%;height:4px;background-color:var(--gray11);border-radius:6px;transition-duration:.25s;display:block;position:absolute}.menu__btn>.menu__span:before{content:"";width:70%;top:-8px}.menu__btn>.menu__span:after{content:"";width:50%;top:8px;transform:scaleY(-1)}.menu__box{text-align:center;visibility:hidden;z-index:-1;width:100%;height:100%;background-color:var(--gray10);flex-direction:column;justify-content:center;margin:0;list-style:none;transition-duration:.25s;display:flex;position:fixed;top:0;right:-100%;box-shadow:1px 0 6px #0003}.menu__item-wrapper{padding:18px 0}.menu__item{color:var(--gray5);font-weight:300;text-decoration:underline;transition-duration:.25s;display:block}@media (max-width:1182px){.menu__item{font-size:3.5rem}}@media (max-width:720px){.menu__item{font-size:1.5rem}}@media (max-width:479px){.menu__item{font-size:1.125rem}}.menu__item:hover{width:100%;background-color:#2b2b2b}#menu__toggle:checked~.menu__btn>.menu__span{transform:rotate(309deg)}#menu__toggle:checked~.menu__btn>.menu__span:before{top:0;transform:rotate(0)}#menu__toggle:checked~.menu__btn>.menu__span:after{width:85%;top:2px;transform:rotate(90deg)}#menu__toggle:checked~.menu__box{visibility:visible;right:0}#burger__toggle{opacity:0}input{visibility:hidden;height:0;width:0;margin:0;padding:0;position:absolute}.footer{justify-content:flex-end;align-items:baseline;padding:0 29px 40px 0;display:flex}.footer__section-two{font-size:1.875em;font-weight:400;display:flex}.footer__help{color:var(--white);position:relative}.footer__help:before{content:"";width:56%;height:1px;border-bottom:2px solid var(--white);position:absolute;bottom:-3px}@media screen and (min-width:280px){.footer{visibility:hidden}}@media screen and (min-width:1200px){.footer{visibility:visible}}::-webkit-scrollbar{width:4px;height:4px;background-color:var(--gray6)}::-webkit-scrollbar-button{width:10%}::-webkit-scrollbar-thumb{background-color:var(--gray7);border-radius:2px}body{min-height:100vh}@media (max-width:990px){body{overflow-y:hidden}}.tag{color:var(--white);text-transform:uppercase;max-width:100%;background:0 0;border-radius:4px;padding:4px 6px;font-size:.75em;line-height:.9em}.tag__text-red{border:1px solid var(--red)}.tag__text-red:hover{border:1px solid var(--red4)}.tag__text-green{border:1px solid var(--green2)}.tag__text-green:hover{border:1px solid var(--green3)}.tag__text-violet{border:1px solid var(--violet)}.tag__text-violet:hover{border:1px solid var(--violet3)}.timeline{height:570px;width:46%;flex-grow:1;padding-left:2%;position:relative;overflow:hidden}.timeline:hover{overflow-y:scroll}@media (max-width:1800px){.timeline{width:50%;margin:0 auto 0 19px}}@media (max-width:1280px){.timeline{width:53%;padding-left:37px}}@media (max-width:1199px){.timeline{width:60%;padding-left:3%}}@media (max-width:990px){.timeline{width:90%;margin:0 auto 0 14px}}@media (max-width:720px){.timeline{width:91%;margin:0 auto 0 14px}}@media (max-width:479px){.timeline{word-break:break-all;width:89%;margin-left:6px;overflow-x:hidden;overflow-y:auto}}.timeline__dotted-line{border-left:1px dashed var(--gray9);height:25px;margin-left:10px}.timeline__marker-square{width:9px;height:9px;background:var(--white);margin-left:-6px}.timeline__block{width:100%;border-left:1px solid var(--white);justify-content:space-between;margin-left:10px;display:flex;position:relative}.timeline__marker{width:7px;height:7px;background:var(--white);z-index:-1;border:2px solid #f5f7fa;border-radius:50%;margin:5px 0 0 3px;position:absolute;left:-9px}.timeline__line-top{top:0}.timeline__line-down{bottom:5px}.timeline__content{width:95%;color:#666;padding:0 18px}.timeline__date{color:var(--white);font-weight:400}.timeline__timeline-title{color:var(--green);margin:7px 0 5px;font-size:1.5em;font-weight:500}.timeline__logo{float:left;shape-outside:circle(50%);width:47px;padding:9px 20px 0 0}.timeline__content .timeline__thoughts{word-spacing:1px;font-size:1.25rem;line-height:1.5em}.timeline__title-red{color:var(--red)}.timeline__thoughts{max-width:41em;max-height:7.5em;color:var(--gray5);margin:0;font-size:1.3em;line-height:1.5em}@media (max-width:479px){.timeline__thoughts{max-height:none}}.timeline__tags{text-align:center;display:flex}@media (max-width:1800px){.timeline__tags{margin-top:16px}}@media (max-width:479px){.timeline__tags{margin-top:20px}}@media (min-width:1800px){.timeline__tags-first{margin-top:1.5%}}@media (min-width:494px) and (max-width:540px){.timeline__tags-first{margin-top:18.5%}}@media (max-width:375px){.timeline__tags-first{margin-top:9%}}@media (max-width:348px){.timeline__tags-first{margin-top:6%}}@media (min-width:1800px){.timeline__tags-gap{margin-top:2%}}@media (max-width:760px){.timeline__tags-gap{margin-top:2%}}.timeline__tag-one{max-width:100%;margin-right:8px}.timeline__block-between{border-left:1px dashed var(--gray9);height:70px;margin-left:10px;position:relative}.timeline__triangle2{color:var(--white);font-size:11px;position:absolute;bottom:41%;left:-6px;transform:rotate(211deg)}@media (min-width:1880px){.timeline__block-gap{height:37.5%}}@media (min-width:542px) and (max-width:542px){.timeline__block-gap{height:55.5%}}@media (max-width:348px){.timeline__block-gap{height:58.5%}}.main{min-height:100vh;flex-direction:column;display:flex}@media (max-width:479px){.main{height:calc(var(--vh,1vh)*107)}}.main__title{color:var(--white);margin:0 0 2.7% 1.6%;font-size:3.75rem;font-weight:250}@media (max-width:1800px){.main__title{margin:0 0 34px 49px;font-size:3.75rem}}@media (max-width:1279px){.main__title{padding-left:3%}}@media (max-width:1024px){.main__title{margin-left:12px}}@media (max-width:990px){.main__title{margin:0 auto 34px 8px}}@media (max-width:767px){.main__title{margin:0 0 34px 10px;font-size:3rem}}@media (max-width:479px){.main__title{margin:0 0 15px 10px;font-size:1.5rem}}.main__icon{z-index:2;width:13%;padding:39px 0 25px 35px}@media (max-width:1801px){.main__icon{padding:39px 0 25px 49px}}@media (max-width:1200px){.main__icon{width:18%;padding-top:16px;padding-left:4%}}@media (max-width:990px){.main__icon{width:21%;padding-top:16px;padding-left:4%}}@media (max-width:760px){.main__icon{width:20%;padding:0 26px 26px}}@media (max-width:479px){.main__icon{width:22%;padding:5px 22px 33px}}
/*# sourceMappingURL=index.11d7bd87.css.map */