@charset "UTF-8";@font-face{font-family:Manrope;font-display:swap;src:url(../fonts/Manrope-Bold.woff2) format("woff2"),url(../fonts/Manrope-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Manrope;font-display:swap;src:url(../fonts/Manrope-Light.woff2) format("woff2"),url(../fonts/Manrope-Light.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Manrope;font-display:swap;src:url(../fonts/Manrope-SemiBold.woff2) format("woff2"),url(../fonts/Manrope-SemiBold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Manrope;font-display:swap;src:url(../fonts/Manrope-Regular.woff2) format("woff2"),url(../fonts/Manrope-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Manrope;font-display:swap;src:url(../fonts/Manrope-Medium.woff2) format("woff2"),url(../fonts/Manrope-Medium.woff) format("woff");font-weight:500;font-style:normal}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}li{list-style-type:none}a{background-color:transparent;text-decoration:none}ul{padding-left:0;margin:0}input{padding:0}p{margin:0}:active,:focus,:hover{outline:0;outline-offset:0}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}img{vertical-align:middle}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}*{box-sizing:border-box}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.header{position:fixed;top:0;left:0;bottom:0;background-color:#2ecdac;z-index:50}.header__wrapper{height:100%;padding:10%;text-align:center}.header__logo{display:inline-block;color:#fff}.header__name{font-weight:600}.header__photo{border-radius:50%;max-width:60px}.header__navigation{display:flex;align-items:center}.header__images{position:relative;width:100%;min-height:215px}.header__image{position:absolute;content:"";top:0;left:50%;transform:translate(-50%,0);opacity:0;transition:opacity .4s;max-width:200px}.header__image.ibg{min-height:215px;background-size:100%;width:100%;position:absolute}.header__image.active{opacity:1}.header__item-image{max-width:250px}.header__right{display:flex}.header__like{display:flex;align-items:center;margin-right:16px;z-index:3}.header__like img{margin-right:4px}.header__login{display:flex;align-items:center;transition:color .5s;z-index:3}.header__login:hover{color:#40e0d0}.header__button{border:none;background-color:transparent;font-weight:500}.navigation__list{display:flex;flex-direction:column;font-size:24px;font-weight:800}.navigation__item:hover .header__item-image{opacity:1}.navigation__item:last-child{margin-right:0;margin-bottom:0}.navigation__link{cursor:pointer;padding:15px;display:block;color:#000}.navigation__link:hover{transition:color .5s;color:#2ecdac}.navigation__link.active{color:#2ecdac}.portfolio{max-width:1200px;margin:auto}.portfolio__item{margin-bottom:50px}.portfolio__item:last-child{margin-bottom:0}.article__title{margin:0 15px 50px 15px;padding:10px 0 10px 35px;font-size:24px;border-bottom:2px solid rgba(0,0,0,.6);border-top:2px solid rgba(0,0,0,.6)}.article__content{justify-content:space-between}.article__description{display:flex;flex-direction:column;text-align:center}.article__title-about{margin-bottom:15px;font-size:24px}.article__content-about{text-align:left;margin-bottom:20px}.article__item-about{list-style-type:disc;margin-bottom:10px}.article__pointer{margin-bottom:15px}.card-transition__image{width:100%;border:#f1ffff 10px solid;border-radius:20px;box-shadow:rgba(100,100,111,.2) 0 7px 29px 0;transition:box-shadow .4s;display:flex;position:relative}.card-transition__image::after{position:absolute;content:"Переход на сайт";left:50%;top:50%;display:inline-block;transform:translate(-50%,-50%);width:100%;font-size:25px;font-weight:600;display:flex;justify-content:center;align-items:center;background:rgba(46,205,172,.8);color:#fff;padding:15px}.card-transition__image:hover{box-shadow:rgba(100,100,111,.4) 0 7px 29px 0}.card-transition__image:hover::after{display:none}.card-transition__image:hover .card-transition__image-transition{opacity:1}.card-transition__image-transition{width:100%;opacity:0;background-color:rgba(82,80,80,.3);transition:opacity .4s;font-size:25px;border-radius:10px;color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center}.card-transition__image-button{background:#2ecdac;padding:15px;border-radius:5px}.github-button{position:relative;padding:10px;padding-left:80px;text-align:left;max-width:200px;color:#000;border-radius:10px;box-shadow:0 5px 10px 2px rgba(34,60,80,.2);transition:all .4s;display:block}.github-button:hover{color:#261b68;box-shadow:0 5px 10px 2px rgba(34,60,80,.35)}.github-button__image{left:10px;top:50%;width:25%;transform:translate(0,-50%);height:auto}.about__content{padding-top:40px;padding-left:30px;padding-right:30px;line-height:2rem;text-align:center}.about__about-me{padding-top:40px}.about-me__text{text-align:left;padding-left:30px}.about-me__text li{list-style-type:square}.about-me__title{margin-bottom:20px;padding-top:30px}.about-me__items{text-align:left}.about-me__term{font-weight:600}.about-me__desc{text-align:right}.about-me__graphs{border-bottom:2px solid rgba(128,128,128,.6)}.about-me__certificates .about-me__item{list-style-type:decimal}.about-me__certificate{position:relative}.about-me__certificate.ibg{background-size:10%;background-position:right}.about-me__logo-certificate{max-width:40px}.about-me__fact{list-style-type:disc}.main-carousel{margin:auto;margin-bottom:53px}.carousel-cell{width:100%}.image-source{position:absolute;bottom:10px;right:20px;color:#28d4ff;font-size:14px;opacity:.5}.image-source__link{color:#8bf4fd}.flickity-page-dots{bottom:-65px}.no-webp .flickity-page-dots .dot{background:url(../img/tree.png) center/80% no-repeat}.flickity-page-dots .dot{width:48px;height:48px;border:none}.card-graph__wrapper{display:flex;justify-content:center;position:relative;margin-bottom:5px;max-width:152px}.card-graph__wrapper.ibg{background-size:65%}.card-graph__base-circle{position:relative;max-width:152px;min-height:152px;z-index:10}.card-graph__base-circle:hover .number{font-size:30px}.card-graph__circle{width:100%;height:100%;fill:none;stroke:rgba(128,128,128,.1);stroke-width:10;stroke-linecap:round;transform:translate(6px,6px)}.card-graph__second-circle{stroke-dasharray:440;stroke-dashoffset:440}.card-graph__another{min-height:152px;min-width:152px}.card-graph__html{position:relative}.card-graph__html .card-graph__second-circle{stroke-dashoffset:132;stroke:#d2691e;stroke-width:12px}.card-graph__css{position:relative}.card-graph__css .card-graph__second-circle{stroke-dashoffset:132;stroke:bisque;stroke-width:12px;stroke-width:200% 200%}.card-graph__js{position:relative}.card-graph__js .card-graph__second-circle{stroke-dashoffset:264;stroke:#02cfcf;stroke-width:12px}.card-graph__python{position:relative}.card-graph__python .card-graph__second-circle{stroke-dashoffset:264;stroke:#2e8b57;stroke-width:12px}.card-graph__gulp{position:relative}.card-graph__gulp .card-graph__second-circle{stroke-dashoffset:176;stroke:#41bbf3;stroke-width:12px}.card-graph__webpack{position:relative}.card-graph__webpack .card-graph__second-circle{stroke-dashoffset:220;stroke:#ddeb21;stroke-width:12px}.card-graph__title{text-align:center;margin-bottom:10px}.card-graph__percent{display:inline-block;position:absolute;top:50%;left:50%;transition:font-size .5s;transform:translate(-50%,-50%)}.card-graph__percent-number{font-weight:800;background:rgba(255,255,255,.7)}.about-site__wrapper{padding:0 40px}.about-site__list{text-align:center}.about-site__item{margin-bottom:15px}.about-site__github{margin:auto;margin-top:40px}.main-screen{flex:1 0 100%;position:relative}.main-screen__bg{position:absolute;width:100%;height:100%;top:0;left:0}.main-screen__text{position:absolute;top:40%;left:50%;font-size:30px;padding:30px;background:rgba(255,255,255,.4);transform:translate(-50%,-50%);text-align:center}.quote__author{text-align:right}.content{position:relative}.wrapper-flex{display:flex}.section__wrapper{max-width:900px;margin:auto;padding-bottom:60px}.section__title{padding:50px 0;text-transform:uppercase;text-align:center}.link{color:#2c15c5;transition:color .4s;font-weight:500}.link:hover{color:#9d8efb}.lock .card-graph__base-circle{z-index:0}.footer{background-color:#1a7a67;position:relative}.footer__wrapper{text-align:center;padding:30px 0;color:#fff}.contacts{text-align:center}.contacts__wrapper{max-width:500px;margin:auto;padding:0 30px 50px 30px}.contacts__nets{text-align:left}.contacts__net{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:10px}.contacts__net:last-child{margin-bottom:0}.contacts__net-link{display:flex;align-items:center}.contacts__image-net{margin-right:20px}.svg-arrow-right-dims{width:48px;height:48px}.svg-christmas-trees-dims{width:384px;height:300px}.svg-github-dims{position:absolute}.svg-html-dims{width:48px;height:48px}.svg-mail-dims{width:48px;height:48px}.svg-stepik-dims{position:absolute;width:25%;height:auto;left:50%;transform:translate(-50%,0);opacity:.1}.svg-vk-dims{width:48px;height:48px}*,::after,::before{padding:0;margin:0;border:0;box-sizing:border-box}body{font-family:Manrope}.ibg{background-position:center;background-size:cover;background-repeat:no-repeat;position:relative}.ibg img{width:0;height:0;position:absolute;top:0;left:0;opacity:0;visibility:hidden}.wrapper{overflow:hidden;min-height:100%}.container{width:100%;margin:auto}.page{position:absolute;width:100%;height:100%;font-size:22px;display:flex;flex-direction:column;top:0;left:0}@media (min-width:575px){.article__link{min-width:500px;margin:auto}}@media (min-width:576px){.header{max-height:80px}.header__wrapper{padding:0 40px}.card-transition__image{min-height:500px}.about-me__skills{display:flex;flex-wrap:wrap}.about-me__certificate{padding-left:50px}.about-me__facts{padding-left:30px}.main-carousel{max-width:450px}.no-webp .main-screen__bg{background:url(../img/glenn.jpg) no-repeat center/cover}.main-screen__text{width:70%}}@media (min-width:768px){.header__navigation{flex-direction:row}.navigation__list{flex-direction:row}.navigation__item{margin-right:10px}.navigation__link{padding:4px 6px;color:#c0fcff}.navigation__link.active{color:#022013}.navigation__link:hover{transition:color .5s;color:#022013}.about-me__items:nth-child(4n){margin-right:0}.about-me__skills{justify-content:center}.about-me__graphs{padding:0 10px;margin-right:10px}.about-me__graphs:nth-child(4n){margin-right:0}}@media (min-width:1000px){.main-carousel{max-width:650px}}@media (min-width:1200px){.header{background-color:rgba(46,205,172,.8);max-height:100%;width:21%}.header__wrapper{padding-top:50px;padding-bottom:50px}.header__logo{margin-bottom:80px}.header__photo{max-width:200px;margin-bottom:10px;width:100%}.header__navigation{z-index:3;flex-direction:column}.navigation__list{text-align:left;flex-direction:column;margin-bottom:60px}.navigation__item{margin-right:0;margin-bottom:20px}.article__description{flex:0 1 50%;padding:0 60px}.card-transition__link{flex:0 1 500px}.main-screen__text{transform:translate(-29%,-50%);width:50%}.content__wrapper{padding-left:21%}.footer__wrapper{padding-left:21%}}@media (max-width:1199px){.header{position:relative;display:flex;width:100%;position:fixed}.header__wrapper{display:flex;align-items:center;justify-content:space-between}.header__description{display:none}.header__images{display:none}.header__login{display:none}.navigation__item{flex-direction:column;font-size:24px}.article__content{flex-direction:column}.article__description{width:70%;margin:auto;margin-bottom:50px}.article__github{margin:auto}body.lock{overflow:hidden}body.lock .content::after,body.lock .footer::after,body.lock .main-screen::after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}}@media (max-width:767px){.header__logo{display:none}.no-webp .header__navigation{background:url(../img/it-back.jpg) repeat}.header__navigation{overflow:auto;align-items:center;height:100vh;position:fixed;left:-100%;opacity:0;margin:0;transition-duration:.4s;transition-property:left,opacity;justify-content:center;align-items:start;padding-top:70px}.header__navigation-open{opacity:1;left:0}.header__wrapper-burger{padding:15px}.header__burger{display:block;position:relative;width:21px;height:16.5px;z-index:3}.header__burger::after,.header__burger::before{content:"";background-color:#38424e;position:absolute;width:100%;height:2.5px;left:0}.header__burger::before{top:0;transition:all .4s ease 0s}.header__burger::after{bottom:0;transition:all .4s ease 0s}.header__burger span{content:"";background-color:#38424e;position:absolute;width:100%;height:2.5px;left:0;top:7px;transition:all .4s ease 0s}.header__burger.active::before{transform:rotate(45deg);top:7px}.header__burger.active::after{transform:rotate(-45deg);bottom:7px}.header__burger.active span{transform:scale(0)}.navigation__list{background:rgba(255,255,255,.8);border-radius:5px}.navigation__link{padding:15px 40px}.about-me__graphs{margin-right:0;margin-bottom:20px}}@media (max-width:575px){.header{max-height:60px}.header__wrapper{padding:0 15px}.header__navigation{width:100%;top:60px}.header__navigation-open{height:calc(100% - 60px)}.card-transition__image{min-height:300px}.about-me__certificate{padding-left:15px}.about-me{margin-left:auto;margin-right:auto}.about-me__facts{padding-left:15px}.main-carousel{max-width:320px}.flickity-prev-next-button{display:none}.card-graph__wrapper{margin-left:auto;margin-right:auto}.no-webp .main-screen__bg{background:url(../img/glenn-max-575.jpg) no-repeat center/cover}.main-screen__text{width:95%;font-size:23px}.contacts__net{flex-direction:column;margin-bottom:20px}.contacts__net-link{flex-direction:column}.page{padding-top:60px}}@media (max-width:320px){.article__link{margin:0 10px}}@media (min-width:576px) and (max-width:767px){.header__navigation{top:80px;width:348px}.header__navigation-open{height:calc(100% - 80px)}.about-me__item{display:flex;justify-content:center;flex:0 1 50%}.about-me__skills{justify-content:space-around}}@media (min-width:576px) and (max-width:1199px){.page{padding-top:80px}}@media (max-height:400px){.main-screen__text{width:95%;top:50%;font-size:25px;padding:16px}}.webp .flickity-page-dots .dot{background:url(../img/tree.webp) center/80% no-repeat}@media (min-width:576px){.webp .main-screen__bg{background:url(../img/glenn.webp) no-repeat center/cover}}@media (max-width:767px){.webp .header__navigation{background:url(../img/it-back.webp) repeat}}@media (max-width:575px){.webp .main-screen__bg{background:url(../img/glenn-max-575.webp) no-repeat center/cover}}