/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{font-size:14px;color:#000;line-height:30px;font-family:'Roboto',"Arial",sans-serif;margin:0 auto;background-color:#9bafa4}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress,sub,sup{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;max-width:100%;height:auto}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,hr,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=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}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio],legend{-webkit-box-sizing:border-box;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-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}main{padding:0;margin:0 auto;width:260px}.about,.skills{border:5px solid #f7f8f8;border-radius:35px;margin-bottom:30px;padding:20px}.skills__items{list-style:none;padding-left:0;margin:0}.portfolio__item{width:25%;height:25%;background-size:cover}.portfolio__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.portfolio{border:5px solid #f7f8f8;border-radius:35px;padding:20px}.portfolio__item img{vertical-align:bottom}.portfolio__item img:hover{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}.main-menu{margin:0 auto;position:relative}.main-menu__items{list-style:none;padding-left:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.main-menu__item:first-child{border-top:1px solid #fff}.main-menu__item-title{font-weight:700;font-size:18px;text-transform:uppercase;color:#fff;text-decoration:none;display:block;padding:19px 21px 13px;text-align:center;border-bottom:1px solid #f7f8f8}.main-menu__item-title:hover{-webkit-box-shadow:0 8px 0 0 #9bafa4;box-shadow:0 8px 0 0 #9bafa4;-webkit-box-sizing:border-box;box-sizing:border-box}.main-menu__item-title:active{color:#000}.main-menu__toggle{position:absolute;top:-163px;right:-19px;z-index:45;display:block;width:32px;height:32px;font-size:0;cursor:pointer;outline:none;background-color:#9bafa4;border:none}.main-menu--closed .main-menu__toggle::before{content:"";position:absolute;top:5px;left:4px;width:19px;height:1px;background-color:#fff;-webkit-box-shadow:0 8px 0 0 #fff,0 16px 0 0 #fff;box-shadow:0 8px 0 0 #fff,0 16px 0 0 #fff}.main-menu--closed .main-menu__toggle::before:hover{background-color:#d22856;-webkit-box-shadow:0 8px 0 0 #d22856,0 16px 0 0 #d22856;box-shadow:0 8px 0 0 #d22856,0 16px 0 0 #d22856}.main-menu--closed .main-menu__toggle::before:active{background-color:#5b324a;-webkit-box-shadow:0 8px 0 0 #5b324a,0 16px 0 0 #5b324a;box-shadow:0 8px 0 0 #5b324a,0 16px 0 0 #5b324a}.main-menu--opened .main-menu__toggle::after,.main-menu--opened .main-menu__toggle::before{content:"";position:absolute;top:12px;left:1px;width:26px;height:1px;background-color:#fff}.main-menu--opened .main-menu__toggle::before{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:none;box-shadow:none}.main-menu--opened .main-menu__toggle::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.page-footer__wrapper{padding:0;width:260px;margin:38px auto 0}.page-footer__text,.page-footer__title{text-align:center}.page-header{padding:0;margin:0 auto;width:260px}.page-header__author{font-family:'Indie Flower',cursive;padding-top:18px;font-size:25px}.page-header__author,.page-header__author-profession{color:#f7f8f8;text-align:center}.page-header__container{min-height:68px;margin-bottom:30px}.social{text-align:center}.social__link{fill:#fff;font-size:0;margin-right:10px}.social__link:hover{fill:#000}.social__link:active{fill:#9bafa4;opacity:.6}.contacts__text{font-size:0;position:relative}.contacts__text--phone{background:url(../img/icon-phone.svg) no-repeat;top:0;left:25px}.contacts__text--mail,.contacts__text--phone,.contacts__text--skype{position:absolute;z-index:0;width:30px;height:30px;background-position:50%}.contacts__text--mail{background:url(../img/icon-mail.svg) no-repeat;top:50px;left:2px}.contacts__text--skype{background:url(../img/icon-skype.svg) no-repeat;top:100px;left:18px}.contacts{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:30px}.contacts__mail,.contacts__phone,.contacts__skype{text-align:center;margin-bottom:20px}@media (min-width:700px){main{width:668px}.skills{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;border:none;padding:0}.skills__container{border:5px solid #f7f8f8;border-radius:35px;margin-right:30px;padding:20px}.skills__container:last-child{margin-right:0}.main-menu{width:auto;margin:0}.main-menu__toggle{top:-145px;right:-2px}.main-menu--opened .main-menu__wrapper{position:relative}.page-footer__wrapper{width:668px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:37px}.page-footer__title{margin-bottom:30px}.page-header{width:668px}.page-header__container{position:relative;z-index:40;height:110px}.contacts{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}.contacts__text{font-size:0;position:relative}.contacts__text--phone{top:0;left:7px}.contacts__text--mail{top:0;left:6px}.contacts__text--skype{top:0;left:8px}.contacts__mail,.contacts__phone,.contacts__skype{font-size:18px}}@media (min-width:1200px){main{width:1050px}.about{border:none;background-color:#f7f8f8}.about__title-education{font-size:40px}.about__education{font-size:20px}.skills{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.skills__title{font-size:40px;text-align:center}.skills__item{font-size:20px}.skills__container{margin-right:0}.skills__container:last-child{margin-right:30px}.portfolio{border:none}.portfolio__title{text-align:center;font-size:40px;margin-bottom:60px}.main-menu{padding-left:18px}.main-menu__items{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.main-menu--closed .main-menu__toggle::before,.main-menu--opened .main-menu__toggle{display:none}.main-menu__item{border-bottom:0;padding:29px 40px}.main-menu__item-title{font-weight:400;text-transform:none;border-bottom:0}.main-menu__item:first-child{border-top:none}.page-footer__wrapper{width:1050px}.page-footer{padding-top:36px;padding-bottom:36px}.page-footer__title{font-size:30px;margin-bottom:60px}.page-footer__text{font-size:18px}.page-header{width:1050px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#1d2631;opacity:.6;z-index:50;position:relative;margin-bottom:30px}.page-header__author{padding-top:0;margin-bottom:-10px}.page-header__author-profession{line-height:20px}.contacts__text{font-size:0;position:relative}.contacts__text--mail,.contacts__text--phone,.contacts__text--skype{top:0;left:58px}}@media (max-width:1199px){.main-menu--closed .main-menu__item{display:none}.main-menu--opened .main-menu__wrapper{margin-bottom:30px;z-index:10}.main-menu--nojs .main-menu__toggle{display:none}.main-menu--nojs .main-menu__wrapper{position:static;height:auto}.main-menu--nojs .main-menu__item{display:block}}