@font-face{font-family:"Waterlily Script";src:url("../fonts/Waterlily Script.otf");font-style:normal;font-weight:400}@font-face{font-family:"Reef";src:url(../fonts/Reef.otf);font-style:normal;font-weight:400}@font-face{font-family:"RalewayExtraLight";src:url(../fonts/RalewayExtraLight.woff);font-style:normal;font-weight:400}@font-face{font-family:"RalewayMedium";src:url(../fonts/RalewayMedium.woff);font-style:normal;font-weight:400}.page{min-width:320px;margin:0 auto;padding:0;font-family:"Arial","Times New Roman",sans-serif;font-size:15px;line-height:25px;color:#fff;background:#fff;-webkit-tap-highlight-color:transparent}::-moz-selection{background:rgba(90,95,179,.81)}::selection{background:rgba(90,95,179,.81)}.bg{background:url(../img/bg-img.jpeg) center no-repeat;background-size:cover;min-height:100vh}.bg--blue{background:#a6d9fe}.main-content,.wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.wrapper{min-height:100vh;overflow:hidden;background:url(../img/bg-shape.svg)}.main-content{min-height:450px;width:290px;margin:100px auto;background:url(../img/bg-img.jpeg) center no-repeat;background-size:cover;border-radius:20px;box-shadow:0 25px 45px rgba(0,0,0,.5)}.main-content--violet{background:#6573fd;overflow:hidden}.main-nav{position:relative;z-index:3}.main-nav__items{margin:0;padding:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute;top:30%;left:50%;font-family:"Reef";font-weight:700;font-size:25px;line-height:40px;text-transform:uppercase;transform:translate(-50%,0%)}.main-nav__item{list-style:none;margin-bottom:10px}.main-nav__item:last-child{margin-bottom:0}.main-nav__link{letter-spacing:5px;text-decoration:none;color:#dbdde0}.main-nav__link:hover{opacity:.5}.main-nav__toggle,.main-nav__toggle::before{position:absolute;display:block;left:50%;transform:translate(-50%,-50%)}.main-nav__toggle{padding:0;z-index:2;font-size:0;cursor:pointer;border:0;border-radius:50%;outline:0;background:#fff;top:50%;width:80px;height:80px}.main-nav__toggle::before{content:"";width:19px;height:2px;background-color:#000;box-shadow:0 -6px 0 0 #000,0 6px 0 0 #000;top:70%}.main-nav--opened .main-nav__toggle::after,.main-nav--opened .main-nav__toggle::before{content:"";position:absolute;top:70%;left:39%;width:19px;height:2px;background-color:#000}.main-nav--opened .main-nav__toggle{background:#fff}.main-nav--opened .main-nav__toggle::before{transform:rotate(45deg);box-shadow:none}.main-nav--opened .main-nav__toggle::after{transform:rotate(-45deg)}.main-nav--closed .main-nav__items{display:none}.main-nav--opened .main-nav__items{display:block}.menu-overlay{position:fixed;background:rgba(0,0,0,.9);top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s,height .35s;overflow:hidden}.menu-overlay--opened{opacity:1;visibility:visible;overflow:visible}.contacts{display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-ms-flex-direction:column;flex-direction:column;font-family:"Reef";font-size:15px;letter-spacing:1px;text-align:center;margin-bottom:30px}.contacts__link{color:#fff;text-decoration:none}.contacts__link:hover{opacity:.5}.contacts__link:active{opacity:.3}.social__link{display:inline-block;margin-right:5px;vertical-align:top}.social__link:last-child{margin-right:0}.social__link-icon{width:26px;height:26px;margin-top:15px;display:inline-block;vertical-align:middle;fill:#fff}.social__link-icon:hover{opacity:.5}.social__link-icon:active{opacity:.3}.promo__btns{display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center; flex-wrap: wrap;}.promo-nav__link{display:inline-block;margin-right:10px;padding:10px;font-size:18px;font-family:"Reef";letter-spacing:2px;font-weight:700;color:#fff;text-decoration:none;background:rgba(0,0,0,.25);border:1px solid transparent}.promo-nav__link:hover{border:1px solid #fff;border-radius:5px}.promo-nav__link:last-child{margin-right:0}.promo{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:space-evenly;justify-content:space-evenly;text-align:center;-ms-flex-positive:1;flex-grow:1}.promo__title{font-family:"Waterlily Script";font-size:100px;line-height:140px;text-shadow:2px 3px 4px #000;transform:rotate(-9deg)}.promo__subtitle{font-family:"Reef";font-size:20px;padding:15px 0}.about{padding:30px 0}.about__wrapper{width:260px;margin:0 auto;text-align:center}.about__info{margin-bottom:20px}.about__text{font-family:"RalewayMedium";margin:0 0 20px}.skills__photo-img{width:100%;display:block;margin:0 auto}.certificate__item{width:90%;margin:0 auto 20px;text-align:center}.certificate__item:last-child{margin-bottom:0}.certificate__item-photo{padding:20px;line-height:0}.certificate__item-photo--orange{background:#f15a29}.certificate__item-photo--blue{background:#312785}.certificate__item-link{display:block}.certificate__item-link:hover{opacity:.8}.certificate__item-descr{font-size:17px;margin:10px 0 0}.works{padding:30px 0}.works__wrapper{width:260px;margin:0 auto;text-align:center}.work__project{border-bottom:5px solid rgba(0,0,0,.3);border-radius:15px;box-shadow:0 0 5px 2px rgba(0,0,0,.3);overflow:hidden;margin-bottom:25px}.work__project:last-child{margin-bottom:0}.work__project-photo{position:relative;padding:15px;border-bottom:1px solid rgba(0,0,0,.2)}.work__project-hover{width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;border-radius:12px 12px 0 0;opacity:0;transition:all .3s ease;text-align:center}.work__project-hover:hover{opacity:1}.work__project-hover-text{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);font-size:17px;color:#fff}.work__project-img{width:100%;display:block}.work__project-descr{padding:10px 0}.work__project-descr-info{margin:0;font-family:"RalewayExtraLight";font-size:16px;font-weight:700}.btn{margin:10px 0;padding:5px 25px;display:inline-block;border:2px solid #fff;border-radius:25px;text-decoration:none;color:#fff}.btn:hover{background:#fff;color:#6573fd}.btn:active{background:rgba(255,255,255,.3);color:#fff}.title{margin:0 auto 20px;font-family:"RalewayExtraLight";font-size:30px;line-height:40px}@media (min-width:768px){.main-content{width:738px;min-height:550px}.main-nav--opened .main-nav__items{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.contacts{font-size:18px}.social__item:hover .social__link-icon{fill:#fff}.promo-nav__link{font-size:20px}.promo__title{font-size:140px;line-height:190px}.about__wrapper{width:668px}.skills__photo-img{width:46%}.certificate__items{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.certificate__item{width:35%}.works__wrapper{width:668px}.work__projects{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.work__project{width:48%}.work__project:last-child{margin-bottom:25px}.work__project-descr-info{margin-bottom:10px}.title{font-size:35px;line-height:45px}}@media (min-width:1150px){.main-content--violet{width:1120px}.about__wrapper{width:1050px}.about__info{display:-ms-flexbox;display:flex}.about__descr{width:60%;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.about__text{font-size:17px}.about__text:last-child{margin-bottom:0}.skills__photo-img{width:60%}.certificate__items{-ms-flex-pack:space-evenly;justify-content:space-evenly}.certificate__item{margin:0;width:25%}.works__wrapper{width:1050px}.work__project{width:31%}}