*{list-style:none;margin:0;padding:0}img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}a{text-decoration:none;color:inherit}html{scroll-padding-top:120px}body{font-family:"Space Grotesk",sans-serif;background-color:#151515;color:#fff}hr{color:#fff}.container{max-width:375px;padding:0 15px;margin:0 auto}@media(min-width: 768px){.container{max-width:750px;padding:0 0}}@media(min-width: 1180px){.container{max-width:1180px;padding:0 0}}.underline{-webkit-box-shadow:0 4px 0 -3px #4ee1a0;box-shadow:0 4px 0 -3px #4ee1a0;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.underline:hover,.underline:focus{color:#4ee1a0}.header{position:fixed;top:0;left:0;right:0;background-color:#151515;z-index:200;padding:15px 0 0 0}.header__contacts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.header__line{display:none}.contacts{font-size:14px;margin-bottom:10px}.contacts__item{margin-bottom:8px}.media{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;margin-bottom:15px}.media__icon{fill:#fff;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.media__icon:hover,.media__icon:focus{fill:#4ee1a0}.navigation{display:none}.menu-toggle{z-index:300;position:fixed;top:15px;right:20px;background-color:rgba(0,0,0,0);border:none}.menu-toggle__icon{fill:#d9d9d9}@media(min-width: 768px){.header{padding:20px 0 0 0}.header__contacts{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header__line{display:block}.media{margin-bottom:0}.navigation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;gap:25px;font-size:20px;font-weight:bold;margin:20px 0 20px 0}.menu-toggle{display:none}}.about-me{padding-top:30px}.about-me__container{overflow:hidden;position:relative}.about-me__rings{max-width:400px;position:absolute;right:0;-webkit-transform:translateX(20%) translateY(25%);transform:translateX(20%) translateY(25%)}.about-me__title{font-size:50px;margin:80px 0 0 0}.about-me__container-text{height:100%;min-height:558px;position:relative;overflow:auto}.text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;width:100%;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform 1.5s ease-in-out;transition:-webkit-transform 1.5s ease-in-out;transition:transform 1.5s ease-in-out;transition:transform 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out}.text__item{margin:30px 0 0 0;line-height:1.3;border:3px double #d9d9d9;padding:10px}.text__item:last-child{margin-bottom:30px}.text__item--short{position:relative;height:70px;overflow:hidden;-webkit-transition:height .5s ease;transition:height .5s ease}.text__see-more{position:absolute;bottom:5px;right:0;background-color:rgba(0,0,0,0);font-size:18px;font-weight:bold;cursor:pointer;color:#fff;border:none;-webkit-animation:colorChange 3000ms ease-in-out infinite alternate both;animation:colorChange 3000ms ease-in-out infinite alternate both;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.text__see-more:hover,.text__see-more:focus{color:#4ee1a0}.text__title{letter-spacing:.2em}.text__description{margin:8px 0 0 0;font-size:14px;text-align:justify}.text__description--short::after{content:"";position:absolute;bottom:0;right:0;width:100%;height:1.5em;background:-webkit-gradient(linear, left top, left bottom, from(rgba(21, 21, 21, 0.2)), color-stop(50%, rgba(21, 21, 21, 0.8)));background:linear-gradient(to bottom, rgba(21, 21, 21, 0.2), rgba(21, 21, 21, 0.8) 50%)}.text.visible{-webkit-transform:translateY(0);transform:translateY(0)}.expanded .text__description--short::after{display:none}.expanded .text__see-more{display:none}.expanded{height:auto}@media(min-width: 768px){.about-me__container-text{height:100%;min-height:478px}.text__item{max-width:550px;border:none;padding:0}.text__item:nth-of-type(2),.text__item:nth-of-type(4){margin-left:auto}.text__item:nth-of-type(2) .text__title,.text__item:nth-of-type(4) .text__title{text-align:right}}@media(min-width: 1180px){.about-me__container-text{height:100%;min-height:478px}.text__item{max-width:700px;border:none;padding:0}.text__item:nth-of-type(2),.text__item:nth-of-type(4){margin-left:auto}.text__item:nth-of-type(2) .text__title,.text__item:nth-of-type(4) .text__title{text-align:right}}.technologies{padding-top:180px}.technologies__container{position:relative}.technologies__list{position:relative;display:grid;grid-template-columns:repeat(2, 1fr);gap:30px 50px;margin-bottom:50px}.technologies__kind{font-size:30px;font-weight:bold}.technologies__css{text-align:right}.technologies__javascript{text-align:right}.technologies__node{text-align:right}.technologies__other{position:absolute;font-weight:bold;font-size:20px;-webkit-animation:animation 3000ms ease-in-out infinite alternate both;animation:animation 3000ms ease-in-out infinite alternate both;color:rgba(255,255,255,.8)}.technologies__redux{top:170px;left:80px;-webkit-animation-delay:1200ms;animation-delay:1200ms}.technologies__git{top:50px;left:110px}.technologies__npm{top:65px;left:90px;-webkit-animation-delay:700ms;animation-delay:700ms}.technologies__rest-api{top:95px;left:120px;-webkit-animation-delay:2200ms;animation-delay:2200ms}.technologies__webpack{top:45px;left:150px;-webkit-animation-delay:2400ms;animation-delay:2400ms}.technologies__parcel{top:25px;left:110px;-webkit-animation-delay:3000ms;animation-delay:3000ms}.technologies__mongo-db{top:180px;left:220px;-webkit-animation-delay:3500ms;animation-delay:3500ms}.technologies__express{top:150px;left:160px;-webkit-animation-delay:3900ms;animation-delay:3900ms}.technologies__typescript{top:5px;left:170px;-webkit-animation-delay:4200ms;animation-delay:4200ms}.technologies__reactNative{top:110px;left:40px;-webkit-animation-delay:4500ms;animation-delay:4500ms}.technologies__firebase{top:110px;left:210px;-webkit-animation-delay:4800ms;animation-delay:4800ms}.technologies__azure{top:130px;left:170px;-webkit-animation-delay:5400ms;animation-delay:5400ms}.technologies__scrum{top:45px;left:35px;-webkit-animation-delay:5100ms;animation-delay:5100ms}.technologies__next{top:160px;left:20px;-webkit-animation-delay:5400ms;animation-delay:5400ms}@media(min-width: 768px){.technologies__list{grid-template-columns:repeat(3, 1fr);gap:30px 130px}.technologies__html{text-align:left}.technologies__css{text-align:center}.technologies__sass{text-align:right}.technologies__javascript{text-align:left}.technologies__react{text-align:center}.technologies__node{text-align:right}.technologies__redux{top:90px;left:430px}.technologies__git{top:5px;left:280px}.technologies__npm{top:20px;left:260px}.technologies__rest-api{top:100px;left:180px}.technologies__webpack{top:45px;left:520px}.technologies__parcel{top:25px;left:480px}.technologies__mongo-db{top:100px;left:570px}.technologies__express{top:135px;left:610px}.technologies__typescript{top:37px;left:130px}.technologies__reactNative{top:45px;left:370px}.technologies__firebase{top:60px;left:200px}.technologies__azure{top:95px;left:300px}.technologies__scrum{top:10px;left:180px}.technologies__next{top:100px;left:370px}}@media(min-width: 1180px){.technologies__list{grid-template-columns:repeat(3, 1fr);gap:30px 130px}.technologies__html{text-align:left}.technologies__css{text-align:center}.technologies__sass{text-align:right}.technologies__javascript{text-align:left}.technologies__react{text-align:center}.technologies__node{text-align:right}.technologies__redux{top:95px;left:500px}.technologies__git{top:5px;left:780px}.technologies__npm{top:25px;left:760px}.technologies__rest-api{top:100px;left:180px}.technologies__webpack{top:45px;left:920px}.technologies__parcel{top:20px;left:880px}.technologies__mongo-db{top:80px;left:950px}.technologies__express{top:115px;left:1010px}.technologies__typescript{top:37px;left:130px}.technologies__reactNative{top:45px;left:400px}.technologies__firebase{top:60px;left:770px}.technologies__azure{top:100px;left:670px}.technologies__scrum{top:10px;left:280px}.technologies__next{top:80px;left:370px}}@-webkit-keyframes animation{0%{visibility:hidden;opacity:0}100%{visibility:visible;opacity:1}}@keyframes animation{0%{visibility:hidden;opacity:0}100%{visibility:visible;opacity:1}}.portfolio__container{position:relative;overflow:hidden;padding-bottom:50px}.portfolio__rings{max-width:400px;position:absolute;-webkit-transform:translateX(-20%) translateY(20%);transform:translateX(-20%) translateY(20%)}.portfolio__title{font-size:50px;margin:100px 0 30px 0;letter-spacing:2px}.portfolio__title span{-webkit-animation:colorChange 3000ms ease-in-out infinite alternate both;animation:colorChange 3000ms ease-in-out infinite alternate both}.portfolio__list{display:grid;grid-template-columns:repeat(1, 1fr);gap:25px}.portfolio__list li{-webkit-animation:flash 2s ease-in-out infinite;animation:flash 2s ease-in-out infinite}.portfolio__list li:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.portfolio__list li:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}.portfolio__list li:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s}.portfolio__list li:nth-child(4){-webkit-animation-delay:.9s;animation-delay:.9s}.portfolio__list li:nth-child(5){-webkit-animation-delay:1.2s;animation-delay:1.2s}.portfolio__list li:nth-child(6){-webkit-animation-delay:1.5s;animation-delay:1.5s}.portfolio__list li:nth-child(7){-webkit-animation-delay:1.8s;animation-delay:1.8s}.portfolio__list li:nth-child(8){-webkit-animation-delay:2.1s;animation-delay:2.1s}.portfolio__list li:nth-child(9){-webkit-animation-delay:2.4s;animation-delay:2.4s}.portfolio__list li:nth-child(10){-webkit-animation-delay:2.7s;animation-delay:2.7s}.portfolio__list li:nth-child(11){-webkit-animation-delay:3s;animation-delay:3s}.portfolio__list li:nth-child(12){-webkit-animation-delay:3.3s;animation-delay:3.3s}.portfolio__picture{height:220px;position:relative;-webkit-transition:-webkit-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out, -webkit-transform .6s ease-in-out}.portfolio__picture:hover,.portfolio__picture:focus{-webkit-transform:scale(1.05);transform:scale(1.05)}.portfolio__picture:hover .portfolio__overlay,.portfolio__picture:focus .portfolio__overlay{opacity:1}.portfolio__picture:hover .portfolio__view-project,.portfolio__picture:hover .portfolio__view-code,.portfolio__picture:focus .portfolio__view-project,.portfolio__picture:focus .portfolio__view-code{opacity:1}.portfolio__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.8)), to(rgba(47, 48, 58, 0.8)));background-image:linear-gradient(rgba(47, 48, 58, 0.8), rgba(47, 48, 58, 0.8));opacity:0;z-index:10;-webkit-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out}.portfolio__view-project,.portfolio__view-code{position:absolute;top:30%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:15;opacity:0;-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out;text-align:center}.portfolio__view-code{top:60%}.portfolio__view-code--this{top:45%}.portfolio__picture-title{margin:5px 0 5px 0;letter-spacing:.1em;font-size:14px}.portfolio__picture-text{font-size:12px}@media(min-width: 768px){.portfolio__list{grid-template-columns:repeat(2, 1fr);gap:25px 15px}}@media(min-width: 1180px){.portfolio__list{grid-template-columns:repeat(3, 1fr);gap:25px 15px}}@-webkit-keyframes colorChange{0%{color:#fff}100%{color:#4ee1a0}}@keyframes colorChange{0%{color:#fff}100%{color:#4ee1a0}}@-webkit-keyframes flash{0%,100%{opacity:1}50%{opacity:.5}}@keyframes flash{0%,100%{opacity:1}50%{opacity:.5}}.contact{background-color:#242424;padding-bottom:60px}.contact__whole-container{overflow:hidden;position:relative}.contact__rings{max-width:400px;position:absolute;top:130px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.contact__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:50px}.contact__title{font-size:40px}.contact__address{font-style:normal;margin-top:30px}.contact__form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;min-width:100%;margin:75px 0 20px 0;position:relative}.contact__warning-name,.contact__warning-message,.contact__warning-email{position:absolute;right:0;font-size:12px;top:35px}.contact__warning-email{top:95px}.contact__warning-message{top:295px}.contact__name,.contact__message,.contact__email{background-color:rgba(0,0,0,0);color:#fff;padding:0 0 8px 0;border:none;outline:none;width:100%}.contact__email{height:60px;padding:24px 0 0 0}.contact__message{height:200px;resize:none;padding:24px 0 0 0}.contact__btn{display:block;width:130px;color:#fff;background-color:rgba(0,0,0,0);border:none;border-bottom:1px solid #4ee1a0;margin-top:40px;margin-left:auto;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.contact__btn:hover,.contact__btn:focus{color:#4ee1a0;cursor:pointer}.contact__media{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin:30px 0 0 0}.valid{border-bottom:1px solid #d9d9d9;-webkit-transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.valid:hover,.valid:focus{border-bottom:1px solid #4ee1a0}.invalid{border-bottom:1px solid #ff6f5b}.disabled{border-bottom:1px solid #d9d9d9}.disabled:hover,.disabled:focus{color:#fff;cursor:not-allowed}.warning-valid{color:rgba(0,0,0,0)}.warning-invalid{color:#ff6f5b}@media(min-width: 768px){.contact__rings{top:150px}.contact__container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:50px}.contact__address{margin-top:50px}.contact__form{max-width:365px;min-width:365px;margin:0 0 20px 0}}@media(min-width: 1180px){.contact__rings{top:150px}.contact__container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:50px}.contact__address{margin-top:50px}.contact__form{max-width:460px;min-width:460px;margin:0 0 20px 0}}.mobil-menu{position:fixed;top:0;left:0;z-index:600;width:100vw;height:50vh;background-color:#242424;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.mobil-menu__menu-toggle{position:absolute;top:15px;right:20px;background-color:rgba(0,0,0,0);border:none}.mobil-menu__menu-toggle-icon{fill:#d9d9d9}.mobile-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobile-nav__link{color:#fff;font-size:30px}.is-open{-webkit-transform:translateX(0);transform:translateX(0)}/*# sourceMappingURL=main.min.css.map */