:root{--main-background-color:#d2e0fd;--gradient-color-one:#8779d4;--gradient-color-two:#2d74d5;--gradient-color-one-alpha:#8779d4c0;--gradient-color-two-alpha:#2d74d5c0;--second-header-font-size:3rem;--thrid-header-font-size:2.5rem;--regular-font-size:18px}#root{background-color:#d2e0fd;background-color:var(--main-background-color)}body{font-family:Ubuntu,-apple-system,sans-serif;margin:0;padding:17px}body:before{top:0}body:after,body:before{background-color:#fff;content:"";height:17px;left:0;position:fixed;width:100%;z-index:3}body:after{bottom:0}:link{text-decoration:none}:link,:visited{color:#434344}.active{text-decoration:underline}.App{min-height:calc(100vh - 134px);padding-top:100px}.main{margin:0 auto;max-width:1440px}@-webkit-keyframes openingMenu{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);height:100px}to{-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);background-color:hsla(0,0%,100%,.219);height:calc(100vh - 34px)}}@keyframes openingMenu{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);height:100px}to{-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);background-color:hsla(0,0%,100%,.219);height:calc(100vh - 34px)}}@-webkit-keyframes openingSocialLinks{0%{-webkit-transform:translateX(250px);transform:translateX(250px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes openingSocialLinks{0%{-webkit-transform:translateX(250px);transform:translateX(250px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes waves{to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes waves{to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes openingNavLinks{to{opacity:1}}@keyframes openingNavLinks{to{opacity:1}}.menu{box-sizing:border-box;display:flex;flex-direction:column;height:100px;padding:25px;position:fixed;top:17px;width:calc(100vw - 34px);z-index:9}.menu_opened{-webkit-animation:openingMenu .38s ease-out forwards;animation:openingMenu .38s ease-out forwards}.menu__button-wrapper{align-items:center;display:flex;justify-content:space-between}.menu__button-wrapper:before{background-color:#8e9aaaa8;content:"";height:35px;margin-left:25px;margin-right:15px;order:2;width:2px}.menu__logo{width:50px}.menu__open-button{background-color:transparent;border:none;cursor:pointer;font-family:ubuntu;letter-spacing:2px;order:3;padding:5px 0;transition:letter-spacing .1s linear;width:75px}.menu__open-button:hover{letter-spacing:3px}.menu__social-links{display:none;margin:70px 0 50px;padding-left:95px;position:relative}.menu__social-links_opened{display:block}.menu__social-links:before{background-color:#3f3f3f;content:"";height:3px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:70px}.menu__social-links li{-webkit-animation:openingSocialLinks .5s ease-out .2s forwards;animation:openingSocialLinks .5s ease-out .2s forwards;display:inline-block;margin-right:30px;opacity:0;position:relative}.menu__social-links li:hover img{-webkit-animation:waves .4s linear infinite alternate;animation:waves .4s linear infinite alternate}.menu__nav{height:100%;max-height:450px}.menu__nav-links{display:none;height:100%;list-style-type:none;margin:0;opacity:0;padding-left:0}.menu__nav-links_opened{-webkit-animation:openingNavLinks .7s linear .5s forwards;animation:openingNavLinks .7s linear .5s forwards;display:flex;flex-direction:column;justify-content:space-between}.menu__link{display:inline-block;font-family:IntroCondensed,-apple-system,sans-serif;font-size:3.7rem;font-weight:700;transition:-webkit-transform .1s linear;transition:transform .1s linear;transition:transform .1s linear,-webkit-transform .1s linear;width:364px}.menu__link:hover{opacity:.5;-webkit-transform:scale(1.03);transform:scale(1.03)}.menu__link-description{margin-left:30px}.menu__send-email{font-size:13px;line-height:30px;margin-left:auto;order:4}.menu__send-email img{margin-left:10px;vertical-align:middle}.menu__send-email:hover:before{content:"Написать на почту"}@media (max-width:750px){.menu{padding:10px}.menu__nav-links{max-width:350px}.menu__link{font-size:2.5rem}.menu__link-description{margin-left:0}}.home{padding:100px 50px}.home__intro{align-items:center;display:flex;justify-content:space-between;padding:100px 0;position:relative}.home__intro:before{background:radial-gradient(circle,#68a3fc 30%,transparent 0);background-size:10px 10px;content:"";height:45%;position:absolute;right:0;width:50vw;z-index:0}.home__intro-title{background:linear-gradient(109.6deg,var(--gradient-color-one) 11.2%,var(--gradient-color-two) 91.2%);display:inline;font-size:4rem;font-weight:400;margin:0;position:relative;white-space:nowrap;z-index:2}.home__intro-description{font-size:var(--regular-font-size);margin:7px 0}.home__intro-photo{border-radius:17px;margin:0 auto;position:relative;width:30%;z-index:1}.home__greeting{margin-right:auto;margin-top:70px;padding:20px 20px 20px 0;width:50%}.home__greeting-header{background:linear-gradient(109deg,var(--gradient-color-one) 11.2%,var(--gradient-color-two) 91.2%);display:inline;font-size:var(--second-header-font-size)}.home__greeting-description{font-size:var(--regular-font-size)}.home__greeting hr{background:#3f3f3f;height:3px;margin:15px auto 5px 0;width:37%}.home__links-wrapper{display:flex;flex-wrap:nowrap;justify-content:space-around;line-height:50px;text-align:center}.home__link{background:linear-gradient(90deg,var(--gradient-color-two) 0,var(--gradient-color-one) 51%,var(--gradient-color-two) 100%);background-size:300% auto;border:none;border-radius:15px;color:#000;height:50px;margin:7px;transition:.5s;vertical-align:middle;width:150px}.home__link:hover{background-position:100%}@media (max-width:1000px){.home__intro-title{font-size:8vw}.home__intro-photo{width:50%}.home__intro{flex-direction:column-reverse;padding:0}.home__intro:before{left:0;top:10%;width:100%}.home__intro-decoration{-webkit-transform:none;transform:none}}@media (max-width:700px){.home__greeting{width:auto}.home__greeting-header{font-size:10vw}.home__links-wrapper{align-items:center;flex-direction:column}}@media (max-width:450px){.home__intro-photo{width:80%}}.works{padding:50px 50px 0;text-align:center}.works__title{background:linear-gradient(109deg,var(--gradient-color-one),var(--gradient-color-two));display:inline-block;font-size:var(--second-header-font-size);margin:0}.works__collection-cards{height:58vh;overflow-x:scroll;padding:60px 0;white-space:nowrap}.works__collection-cards::-webkit-scrollbar{display:none}.works__card{display:inline-flex;height:100%;position:relative;width:45%}.works__card:hover .works__front-side{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.works__card:hover .works__back-side{-webkit-transform:rotateY(0);transform:rotateY(0)}.works__front-side{object-fit:cover;object-position:top center;-webkit-transform:perspective(700px) rotateY(0);transform:perspective(700px) rotateY(0);width:100%}.works__back-side,.works__front-side{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:17px;transition:-webkit-transform .5s linear;transition:transform .5s linear;transition:transform .5s linear,-webkit-transform .5s linear}.works__back-side{background:linear-gradient(0deg,var(--gradient-color-one-alpha),var(--gradient-color-two-alpha));box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:30px 17px 17px;position:absolute;-webkit-transform:perspective(700px) rotateY(180deg);transform:perspective(700px) rotateY(180deg)}.works__back-side-title{background:linear-gradient(45deg,#8779d4,#2d74d5);font-size:2.5rem;margin:0 auto}.works__back-side-description{text-align:justify;white-space:normal}.works__links-wrapper{text-align:left}.works__links-wrapper a{color:#000}.works__links-wrapper a:hover{opacity:.7}@media (max-width:750px){.works{padding:30px 0 0}.works__collection-cards{padding:15px 0}.works__card{display:flex;width:100%}.works__back-side{padding:5px}.works__back-side-title{font-size:2rem}}.about-me{text-align:center}.about-me__title{background:linear-gradient(109deg,var(--gradient-color-one),var(--gradient-color-two));display:inline-block;font-size:var(--second-header-font-size);margin-top:0}.about-me__info-block{background-color:#666565}.parallax-scroll{overflow:hidden;padding-bottom:56.25%;-webkit-perspective:500px;perspective:500px;position:relative}.parallax-scroll__header{background-color:rgba(39,39,38,.644);font-size:5vw;left:5%;margin:0;position:absolute;text-align:left;top:10%;z-index:1}.parallax-scroll__airport-background{left:0;position:absolute;top:-15%;width:100%}.parallax-scroll__airport-airplane{position:absolute;top:35%;width:17%;z-index:1}.parallax-scroll__airport-front{bottom:-40%;left:0;position:absolute;width:100%}.parallax-scroll__description{background-color:hsla(0,0%,100%,.3);bottom:10%;color:silver;font-size:2vw;max-width:55%;position:absolute;right:0;text-align:justify}@media (max-width:550px){.parallax-scroll__description{color:#000;font-size:4vw;max-width:none}}@media (max-width:425px){.info-label{display:none}}.info-label{background:rgba(39,39,38,.3);font-size:11px;position:absolute;right:0;top:3%;z-index:3}.parallax-pointer{overflow:hidden;padding-bottom:56.25%;-webkit-perspective:700px;perspective:700px}.parallax-pointer__layer-one{left:-10%;position:absolute;top:0;width:120%}.parallax-pointer__layer-two{bottom:-5%;left:-5%;position:absolute;width:110%}.parallax-pointer__layer-logo{position:absolute;top:25%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:25%}.parallax-pointer__description{background-color:hsla(0,0%,100%,.3);bottom:10%;font-size:2vw;max-width:55%;position:absolute;right:0;z-index:2}@media (max-width:550px){.parallax-pointer__description{color:#000;font-size:4vw;max-width:none}}.notebook{overflow:hidden;padding-bottom:55.36%;position:relative}.notebook__control-buttons{font-size:3vw;padding:0}.notebook__control-buttons-item{background-color:#ffffff80;cursor:pointer;display:inline;margin:0 5%}.notebook__content-window{color:#fff;display:flex;flex-direction:column;gap:5%;height:64%;overflow-y:scroll;padding-top:3%;position:absolute;right:5.5%;top:13.7%;width:59%;z-index:1}.notebook__coverPicture{position:absolute;right:0;top:0;width:100%}@media (max-width:550px){.notebook{padding-bottom:79.27%}.notebook__control-buttons{margin:0}.notebook__control-buttons-item{font-size:5vw}.notebook__coverPicture{height:100%;width:auto}.notebook__content-window{height:66%;right:8%;width:85%}}.contacts a{color:#6495ed}.techs{text-align:center}.techs__title{background:linear-gradient(109deg,var(--gradient-color-one),var(--gradient-color-two));display:inline-block;font-size:var(--second-header-font-size);margin-top:0}.techs__logo-container{grid-row-gap:20px;align-items:center;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,minmax(50px,1fr));row-gap:20px}.techs__logo{margin:0;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.techs__logo:hover{-webkit-transform:perspective(700px) rotateY(30deg);transform:perspective(700px) rotateY(30deg)}.techs__logo.techs__logo_active{-webkit-transform:perspective(500px) scale(1.17);transform:perspective(500px) scale(1.17)}.techs__logo_active .techs__logo-title{background:linear-gradient(109deg,var(--gradient-color-one),var(--gradient-color-two));margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.techs__logo-image{width:50%}.techs__description{align-self:stretch;background:linear-gradient(109deg,var(--gradient-color-one-alpha),var(--gradient-color-two-alpha));border-radius:17px;display:flex;flex-direction:column;font-size:var(--regular-font-size);grid-column:-1/-2;grid-row:1/-1;justify-content:center;text-align:center;text-shadow:3px 3px 5px #c9c9c9;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.techs__skill-list{text-align:left}@media (max-width:800px){.techs__title{font-size:2rem}.techs__logo-container{grid-template-columns:repeat(3,1fr)}.techs__logo-image{width:60%}.techs__description{grid-column:1/-1;grid-row:-1;justify-self:center}}@media (max-width:425px){.techs__title{font-size:1.7rem}.techs__logo-image{width:70%}}
/*# sourceMappingURL=main.bc02f1bf.css.map*/