@import"https://fonts.googleapis.com/css2?family=Encode+Sans:wght@500;600;700&family=Reem+Kufi+Ink&family=Roboto:wght@400;500;700&display=swap";header{width:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:fixed;top:0;padding:0rem var(--lg-padding);padding-top:var(--md-padding);padding-bottom:var(--md-padding);z-index:3}.header-desctop{justify-content:space-between;width:100%}.header-desctop,.logo-links{display:flex;align-items:center}.no-scrolled-header{transition:all .2s;background-color:var(--bg-header-no-scrolled)}.scrolled-header{transition:all .2s;background-color:var(--bg-header-scrolled);padding:var(--sm-padding) var(--md-padding)}.logo-stront-man{width:var(--logo-man);margin-right:var(--md-margin);border-radius:999px}.section-links__projects{margin-right:var(--sm-margin)}.section-links__projects,.section-links__skills{font-size:1.5rem;color:var(--highlight-text);text-decoration-line:none;border:1px solid var(--border-link);padding:var(--sm-padding) var(--md-padding);border-radius:999px;background-color:var(--links-bg)}.section-links__projects:hover,.section-links__skills:hover{color:var(--links-bg);background-color:transparent}.specialization{color:var(--highlight-text);font-size:2.4rem}.contacts-data{display:flex;flex-direction:column;align-items:center}.contacts-data__gmail,.contacts-data__number{color:var(--highlight-text)}.contacts-data__gmail{border-bottom:2px solid var(--contact-border);padding:0px var(--contact-padding)}.d{height:1000px}.header-mobile{flex-direction:column;overflow:hidden;height:5rem;transition:height .1s ease}.open-header-mobile{height:23rem}.mobile-header-menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem;width:6rem;position:relative;background-color:var(--bg-header-menu)}.mobile-header-menu-button-scrolled{background-color:var(--bg-header-scrolled-menu)}.mobile-header-menu-button:hover{cursor:pointer}.visible-part-mobile{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.line-bottom,.line-mid,.line-top{background-color:orange;width:80%;height:.2rem;position:absolute;transition:all .2s ease}.line-bottom{bottom:1rem}.line-top{top:1rem}.move-line-top{top:48%;rotate:135deg}.move-line-bottom{bottom:48%;rotate:45deg}.delete-line-mid{background-color:transparent}.logo-strong-man-mobile{margin-right:0;height:5rem}.logo-links-mobile{margin:auto;margin-top:4rem;margin-bottom:3.5rem}.logo-links-mobile>a{background-color:var(--links-bg)}.contacts-data__number-mobile,.contacts-data__gmail-mobile{font-size:1.5rem}@media (width <= 1100px){.header-desctop{display:none}.header-mobile{display:flex}}@media (width > 1100px){.header-desctop{display:flex}.header-mobile{display:none}}@media (width <= 900px){.scrolled-header{padding:var(--md-padding)}}@media (320px <= width < 1100px){.logo-stront-man{width:3.3rem}.expand-menu-mobile,.close-menu-mobile{height:4rem;width:4rem}.visible-part-mobile,.header-mobile{height:3.5rem}.open-header-mobile{height:23rem}.scrolled-header,header{padding:.2rem}}.about{display:flex;justify-content:space-between;gap:4rem;width:100%;padding:4rem 6rem;margin-top:10rem;background-color:var(--bg-about);border-radius:20px;overflow:hidden}@media (width <= 900px){.about{flex-direction:column;justify-content:center;align-items:center}}.about__info{max-width:60rem;color:var(--default-text);font-size:1.4rem}@media (width >= 320px){.about{padding:2rem 3rem}}@media (width >= 420px){.about{padding:2rem 3rem}}.about__image{display:flex;align-items:center}.about__image_me{display:flex;flex-direction:row;position:relative;justify-content:center}.about__image_me>img{width:20rem;height:20rem;position:relative;z-index:2}.image-shadow{width:100%;height:100%;position:absolute;z-index:0;border-radius:999px}.about__image__yellow-dot,.about__image__blue-dot{filter:blur(25px);top:0}.about__image__yellow-dot,.about__image__blue-dot,.about__image__yellow-dot>div,.about__image__blue-dot>div{width:8rem;height:8rem;border-radius:999px;position:absolute}.about__image__yellow-dot{right:0;top:0;z-index:0}.about__image__blue-dot{left:-5px;top:70%;z-index:1}.about__image__yellow-dot>div{background-color:var(--yellow-dot)}.about__image__blue-dot>div{background-color:var(--blue-dot)}.projects{margin-top:10rem;width:100%;padding:0rem 1.5rem 1.5rem;display:flex;flex-direction:column;align-items:center}.projects__cards{width:100%;display:flex;flex-direction:column;gap:3rem;max-width:800px}.projects__cards__card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem;gap:3rem;background-color:var(--card-background)}.projects__cards__card__about{display:flex;flex-direction:column;gap:1rem}.projects__cards__card__about>a{color:var(--highlight-text)}.card-about-name{color:var(--highlight-text)}.card-about-name:first-child>span{margin-right:1rem}.card-about-describtion>p{margin-top:0rem;color:var(--default-text)}.card-about-technologies{display:flex;gap:1rem;flex-wrap:wrap}.card-about-technologies>span{background-color:var(--card-background);color:var(--default-text);font-size:.8rem;padding:.2rem .9rem}.projects__cards__card__image{display:flex;align-items:center;justify-content:center;width:200px;height:100px}.projects__cards__card__image:hover{cursor:pointer}.projects__cards__card__image>a,.projects__cards__card__image>a>img{width:100%;height:100%}.projects__cards__card__image>a>img{object-fit:fill}@media (width >= 320px){.projects__cards{align-items:center;max-width:300px}.projects__cards__card{flex-direction:column;width:100%}.projects__cards__card__about{align-items:center;text-align:center}.card-about-technologies{justify-content:center}}@media (width >= 830px){.projects__cards{max-width:800px}.projects__cards__card{flex-direction:row}.projects__cards__card__about{align-items:start;text-align:start;max-width:500px;font-size:1.2rem}.card-about-technologies{justify-content:start;font-size:.8rem}}@media (width >= 1200px){.projects__cards{max-width:1200px}.projects__cards__card__about{max-width:700px;font-size:1.4rem}.card-about-technologies>span{font-size:1.2rem}.projects__cards__card__image{width:350px;height:200px}}@media (width >= 1950px){.projects__cards__card__about{font-size:1.2rem}.card-about-technologies>span{font-size:1rem}}@media (width >= 2150px){.projects__cards__card__about{font-size:1rem}.card-about-technologies>span{font-size:.8rem}}.skills{display:flex;flex-direction:column;justify-content:center;max-width:800px;margin:auto;margin-top:10rem;margin-bottom:10rem}.skills__name_section{margin-top:4rem}.delete-double-margin{margin-top:0rem}.card-skill{display:flex;flex-direction:column;align-content:center;padding:1rem;max-width:90px;background-color:var(--card-background)}.card-skill__img{display:flex;justify-content:center;align-items:center;width:100%;height:80px}.card-skill__img>img{width:100%;height:100%}.card-skill__name{text-align:center;color:var(--default-text);margin-top:1rem}.skills_section{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}@media (width >= 400px){.card-skill{max-width:140px}}@media (width >= 2100px){.card-skill{max-width:180px}}:root{box-sizing:border-box;font-family:Reem Kufi Ink,Roboto,serif;font-size:13px;background-color:#222;--bg-header-scrolled: rgba(112, 121, 225, .241);--bg-header-menu: rgba(72, 72, 72, .353);--bg-header-menu-scrolled-menu: transparent;--bg-header-no-scrolled: transparent;--links-bg: rgb(174, 25, 184);--yellow-dot: rgba(255, 255, 78, 1);--blue-dot: rgba(112, 157, 255, 1);--bg-about: rgba(0, 0, 0, .281);--drop-shadow-about: rgba(55, 255, 62, 1);--card-background: rgba(217, 217, 217, .04);--sm-card-bg: rgba(219, 219, 219, 1);--highlight-text: rgba(216, 170, 55, 1);--default-text: rgba(219, 219, 219, 1);--sm-padding: .45rem;--md-padding: 1rem;--contact-padding: 1.2rem;--lg-padding: 2rem;--sm-margin: .7rem;--md-margin: 3.6rem;--border-link: rgba(245, 9, 245, .25);--contact-border: rgba(154, 91, 154, .56);--logo-man: 5rem }*{box-sizing:border-box}body{height:100%;padding:0;max-width:2700px;margin:auto}h2,h3{color:var(--default-text);text-align:center}h2{font-size:2rem}h3{font-size:1.5rem}@media (width >= 320px){:root{font-size:13.5px}}@media (width >= 420px){:root{font-size:15px}}@media (width >= 600px){:root{font-size:16.5px}}@media (width >= 800px){:root{font-size:17px}}@media (width >= 900px){:root{font-size:17px}}@media (width >= 1300px){:root{font-size:18px}}@media (width >= 1500px){:root{font-size:19px}}@media (width >= 1750px){:root{font-size:19px}}@media (width >= 1950px){:root{font-size:21px}}@media (width >= 2150px){:root{font-size:23px}}@media (width >= 2400px){:root{font-size:25px}}