@import url(https://fonts.googleapis.com/css?family=Roboto|Roboto+Slab|Source+Sans+Pro&display=swap);body,html{height:100%;max-width:1440px;font-family:Roboto,sans-serif;margin:0 auto}.wrapper{min-height:100%}.container{padding-left:100px;padding-right:100px}.arrow-right{display:inline-block;margin-left:8px}.bg-smoke{background:#f5f6f7}.roboto-slab{font-family:Roboto Slab,serif}.source-sans-pro{font-family:Source Sans Pro,sans-serif}.title{display:flex;justify-content:space-between;line-height:46px}.title h2{margin:0;font-weight:400;font-size:40px}.title a{margin:0;font-size:18px;text-decoration:none;color:#1a1b22}.link:hover{text-decoration:underline}.shadow:hover{box-shadow:0 0 7px 3px grey;border-radius:50%}@media screen and (min-width:650px) and (max-width:900px){.container{padding-left:40px;padding-right:40px}.title h2{font-size:30px;max-width:338px}}@media screen and (max-width:649px){.container{padding-left:16px;padding-right:16px}.title h2{font-size:30px;max-width:200px}.title{display:block}.wrapper{min-height:0}}.page{margin-top:-80px}.header{color:#fff;display:flex;justify-content:space-between;line-height:80px;position:relative}.header:after{content:"";position:absolute;bottom:0;left:0;height:1px;width:100%;background:hsla(0,0%,76.9%,.01);box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.2)}.header__title{margin:0;font-size:20px}.header__menu__link{margin-left:34px;font-size:18px;color:#b6bcbf;text-decoration:none;line-height:80px;display:inline-block}.header__menu__link:hover{color:#fff;text-shadow:4px 0 4px rgba(255,235,205,.4),-4px 0 4px rgba(255,235,205,.4),8px 0 8px rgba(255,235,205,.4),-8px 0 8px rgba(255,235,205,.4)}.header__menu__link_active{color:#fff;border-bottom:3px solid #fff}.header__menu__link.active:hover{text-shadow:none}.header.header_dark{color:#000}.header.header_dark:after{background:#b6bcbf}.header.header_dark .header__menu__link_active{color:#000;border-bottom:3px solid #000}.header.header_dark .header__menu__link_active:hover{text-shadow:none}.header.header_dark .header__menu__link:hover{color:#1a1b22;text-shadow:4px 0 4px rgba(155,135,205,.4),-4px 0 4px rgba(255,235,205,.4),8px 0 8px rgba(255,235,205,.4),-8px 0 8px rgba(255,235,205,.4)}@media screen and (max-width:649px){.header__menu__link{margin-left:10px;font-size:16px}.header__title{font-size:16px}}.footer,.pusher{height:-80px;line-height:80px}.footer,.footer ul,.pusher{display:flex;justify-content:space-between}.footer ul{list-style:none;margin:0}.footer ul li{float:left}.footer__author p{font-size:16px;color:#b6bcbf;margin:0}.footer__navigation{font-size:18px;text-align:center;width:425px}.footer__navigation a{text-decoration:none;color:#1a1b22}.footer__links a{margin-left:30px}@media screen and (min-width:700px) and (max-width:900px){.footer ul{padding-left:0}.footer__navigation{width:360px}}@media screen and (max-width:700px){.footer{position:relative;padding:8px 15px 60px}.footer,.footer__navigation,.footer__navigation ul{display:block}.footer__navigation{width:auto;text-align:left}.footer__navigation ul{padding-left:0}.footer__navigation ul li{float:none;height:48px;line-height:48px}.footer__author{position:absolute;left:15px;bottom:0;line-height:60px}.footer__links{display:inline-block;position:absolute;top:16px;right:16px;line-height:48px}.footer__links a{margin-left:25px}}.author{display:flex;margin-top:80px;margin-bottom:80px}.author__avatar{width:42%}.author__avatar_foto{max-height:100%;max-width:100%;border-radius:50%}.author__info{width:60%;margin:51px 56px}.author__info h3{font-weight:400;font-size:40px;margin:0}.author__info p{margin-top:24px;font-size:18px}@media screen and (min-width:650px) and (max-width:900px){.author__info h3{font-size:30px}.author__info{margin:5px}.author__avatar{width:35%}.author{margin-top:42px;margin-bottom:32px}}@media screen and (max-width:649px){.author{display:block;margin-top:20px;margin-bottom:44px}.author__avatar{width:100%}.author__info{width:100%;margin:0}.author__info p{margin:0}.author__info h3{margin:20px 0}}.customer{padding-top:160px;padding-bottom:80px;max-width:815px;font-weight:400;font-size:18px}.customer__title{font-weight:400;font-size:40px;margin:0}.customer__text{font-size:18px}@media screen and (min-width:650px) and (max-width:900px){.customer{padding-top:104px;padding-bottom:40px}.customer__title{font-size:30px}}@media screen and (max-width:649px){.customer{padding-top:96px;padding-bottom:32px}}.github{padding-top:80px;padding-bottom:80Px;position:relative;overflow:hidden}.github__header{display:flex;justify-content:space-between;line-height:46px}.github__title{margin:0;font-weight:400;font-size:40px}.github__link{margin:0;font-size:18px;text-decoration:none;color:#1a1b22;white-space:nowrap}.github__outer{height:288px;margin:64px 0 48px;position:relative}.github__outer:after,.github__outer:before{content:"";position:absolute;z-index:100;width:120px;height:288px;right:0;top:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:none;background:-webkit-linear-gradient(0deg,rgba(178,44,44,0),#fff);background:-moz-linear-gradient(90deg,rgba(178,44,44,0) 0,#fff 100%);background:linear-gradient(90deg,rgba(178,44,44,0),#fff);background-position:50% 50%;-webkit-background-origin:padding-box;background-origin:padding-box;-webkit-background-clip:border-box;background-clip:border-box;-webkit-background-size:auto auto;background-size:auto auto}.github__outer:before{right:auto;left:0;background-image:-webkit-linear-gradient(0deg,#fff,#fff 1%,rgba(178,44,44,0) 84%,rgba(178,44,44,0) 100%,rgba(178,44,44,0) 0);background-image:-moz-linear-gradient(90deg,#fff 0,#fff 1%,rgba(178,44,44,0) 84%,rgba(178,44,44,0) 100%,rgba(178,44,44,0) 100%);background-image:linear-gradient(90deg,#fff,#fff 1%,rgba(178,44,44,0) 84%,rgba(178,44,44,0) 100%,rgba(178,44,44,0) 0)}.github__inner{display:flex;width:max-content}.github__card{width:400px;height:288px;background-color:#fff;border-radius:16px;margin-right:16px;cursor:pointer;border:1px solid transparent}.github__card:hover{border:1px solid #d3d3d3}.github__card_block{padding:24px}.github__card_data{font-size:14px;color:#b6bcbf;margin-top:0}.github__card_inner{display:flex}.github__card_inner-info{margin-left:16px}.github__card_inner-name{font-weight:400;font-size:26px;margin:0}.github__card_inne-mail{font-size:14px;margin:0}.github__card_inner-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden}.github__card_commit{font-size:16px;margin-bottom:0}.github__slider-dots{text-align:center}.github__slider-dots_item{cursor:pointer;height:8px;width:8px;margin:0 2px;background-color:#d1d2d6;border-radius:50%;display:inline-block;transition:background-color .6s ease}.github__slider-dots_item:hover,.github__slider-dots_item_active{background-color:#1a1b22}.github__arrow{width:60px;height:60px;position:absolute;z-index:200}.github__arrow:hover{transform:scale(1.2);transition-duration:1s}.github__arrow.left{top:48%;left:18px;cursor:pointer;transition:.6s ease}.github__arrow.right{right:18px;top:48%;cursor:pointer}@media screen and (min-width:650px) and (max-width:900px){.github{padding-top:40px;padding-bottom:40px}.github__title{font-size:30px;max-width:338px}.github__arrow{z-index:-200}.github__outer{margin:32px 0}.github__outer:after,.github__outer:before{z-index:-100}.github__card_inner-name{font-size:20px}}@media screen and (max-width:649px){.github{padding-top:32px;padding-bottom:120Px}.github__title{font-size:30px;max-width:200px}.github__header{display:block}.github__link{position:absolute;bottom:45px;left:16px;right:16px;height:56px;line-height:56px;border:1px solid #1a1b22;border-radius:80px;font-size:18px;text-align:center;cursor:pointer;box-sizing:content-box;display:inline-block}.github__picture{display:none}.github__arrow{z-index:-200}.github__outer{margin:16px 0}.github__outer:after,.github__outer:before{z-index:-100}.github__card{width:302px}.github__card_block{padding-left:5px;padding-right:5px}.github__card_inner-name{font-size:20px}}.technologies{padding-bottom:80px;padding-top:80px;display:flex}.technologies__header{width:40%}.technologies__title{font-weight:400;font-size:40px}.technologies__elements{display:flex;width:60%;margin:56px;justify-content:space-between}.technologies__element{font-size:18px;text-align:center}.technologies__elementtext{margin:0}@media screen and (max-width:970px){.technologies__title{font-size:30px;margin-top:45px}}@media screen and (min-width:650px) and (max-width:900px){.technologies{padding-bottom:40px;padding-top:40px;display:block}.technologies__elements{margin:0;width:100%}.technologies__title{margin-top:0;margin-bottom:40px}}@media screen and (max-width:649px){.technologies{padding-bottom:0;padding-top:32px;display:block}.technologies__title{width:280px}.technologies__header{width:100%}.technologies__elements{width:100%;margin:0;flex-wrap:wrap}.technologies__element{width:50%;margin-bottom:32px}}