@import url(c:\Users\Admin\Desktop\a-level proj\module work\src\sass\libs\normalize.css);@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Revalia&display=swap");html{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:'Roboto', sans-serif}*,:before,:after{-webkit-box-sizing:inherit;box-sizing:inherit}.container{max-width:1110px;margin:0 auto;padding:0 10px 0 10px}.btn{background:#34547A;font-family:Roboto;font-style:normal;font-weight:normal;text-align:center;cursor:pointer;color:#FFFFFF}.btn__header{width:225px;height:65px;font-size:16px;line-height:26px;letter-spacing:0.1em}.header{padding:57px 0 146px 0;background-color:#EEEFF1}.header__logo{font-family:'Revalia', cursive;color:#34547A;font-weight:normal;font-size:48px;line-height:60px}.header__wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.header__wrapper img{width:357px;height:233.7px}.header__pc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;list-style:none}.header__pc li a{padding-left:42px;font-family:Roboto;font-style:normal;font-weight:500;font-size:16px;line-height:26px;letter-spacing:0.1em;color:#34547A;text-decoration:none}.header__top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:161px}.header__top h2{margin:0}.header__top a{text-decoration:none}.header__content{padding-left:131px;font-style:normal;font-weight:normal;font-size:16px;line-height:26px;color:#727272}.header__content h1{font-style:normal;font-size:48px;line-height:79px;color:#000000;margin-bottom:44px}.header__content p{margin:0 0 60px 0}.header__burger{display:none}.about{padding:119px 0 100px 0}.about__wrapper{max-width:460px;margin:0 auto;font-family:Roboto;font-style:normal;font-weight:normal;font-size:16px;line-height:26px;text-align:center;color:#727272}.about__wrapper h2{margin:0;margin-bottom:50px;font-family:Roboto;font-style:normal;font-weight:700;font-size:32px;line-height:37px;color:#000000}.about__wrapper p{margin:0}.numbers{background:#34547A;padding:100px 0}.numbers__wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.numbers__item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.numbers__desc{font-family:Roboto;font-style:normal;font-weight:normal;font-size:16px;line-height:26px;color:#FFFFFF;padding-left:20px}.numbers__desc h4{margin:0;font-weight:500;font-size:21px;line-height:25px}.skills{background:#E5E5E5;padding:102px 0}.skills__wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.skills__list{text-align:left;font-family:Roboto;font-style:normal;font-size:16px;line-height:26px;color:#727272;padding-right:150px}.skills__list h4{margin:0;font-weight:500;font-size:32px;line-height:37px;color:#000000;margin-bottom:20px}.skills__list span{display:block;margin-bottom:20px;padding-top:30px}.skills__progress{width:445px;height:4px;border:1px solid #000000}.skills__progress:after{content:'';display:block;height:3px;width:350px;background-color:#34547A}.skills__img img{width:100%;height:auto;vertical-align:top}.video{background:#EEEFF1;padding:100px 0;text-align:center;font-family:Roboto;font-style:normal;font-weight:normal;font-size:16px;line-height:26px;text-align:center;color:#727272}.video h2{font-weight:500;font-size:32px;line-height:37px;text-align:center;color:#000000}.video__wrapper{margin:0 auto;max-width:540px;margin-bottom:57px}.video__img{position:relative;max-width:1110px}.video__img img{vertical-align:top;max-width:100%;height:auto}.video__play{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.col{max-width:25%;padding:1px}.projects{display:none}.projects__item{background:url("../img/project_pc.png") center center/cover no-repeat;min-height:330px;width:330px}.projects__item:hover{cursor:pointer;background:url("../img/view.png") center no-repeat,-webkit-gradient(linear, left bottom, left top, from(rgba(52,84,122,0.8)), to(rgba(52,84,122,0.8))),url("../img/project_pc.png") center center/cover no-repeat;background:url("../img/view.png") center no-repeat,-webkit-linear-gradient(bottom, rgba(52,84,122,0.8), rgba(52,84,122,0.8)),url("../img/project_pc.png") center center/cover no-repeat;background:url("../img/view.png") center no-repeat,-o-linear-gradient(bottom, rgba(52,84,122,0.8), rgba(52,84,122,0.8)),url("../img/project_pc.png") center center/cover no-repeat;background:url("../img/view.png") center no-repeat,linear-gradient(0deg, rgba(52,84,122,0.8), rgba(52,84,122,0.8)),url("../img/project_pc.png") center center/cover no-repeat}.projects__item_list{background:url("../img/project_list.png") center center/cover no-repeat;min-height:330px;width:330px}.projects__item_list:hover{cursor:pointer;background:url("../img/view.png") center no-repeat,-webkit-gradient(linear, left bottom, left top, from(rgba(52,84,122,0.8)), to(rgba(52,84,122,0.8))),url("../img/project_list.png") center center/cover no-repeat;background:url("../img/view.png") center no-repeat,-webkit-linear-gradient(bottom, rgba(52,84,122,0.8), rgba(52,84,122,0.8)),url("../img/project_list.png") center center/cover no-repeat;background:url("../img/view.png") center no-repeat,-o-linear-gradient(bottom, rgba(52,84,122,0.8), rgba(52,84,122,0.8)),url("../img/project_list.png") center center/cover no-repeat;background:url("../img/view.png") center no-repeat,linear-gradient(0deg, rgba(52,84,122,0.8), rgba(52,84,122,0.8)),url("../img/project_list.png") center center/cover no-repeat}.clients{padding:72px 0 100px 0}.clients__wrapper{min-height:120px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.clients__img{vertical-align:top;max-width:255px;height:auto}.form{padding:100px 0 100px 0;background-color:#EEEFF1}.form__title{margin:0 auto;margin-bottom:65px;max-width:540px;font-family:Roboto;font-style:normal;font-weight:normal;font-size:16px;line-height:26px;text-align:center;color:#727272}.form__title p{margin:0}.form__title h3{font-weight:700;font-size:32px;line-height:37px;text-align:center;color:#000000;margin:0;margin-bottom:50px}.form__inputs{margin:0 auto;margin-bottom:20px}.form__inputs input{width:255px;height:50px;padding:17px 0 18px 20px;border:none}.form__inputs input:first-child{margin-right:20px}.form__wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.form__wrapper textarea{padding:17px 0 0 20px;resize:none;border:none;width:540px;height:175px;margin:0 auto;margin-bottom:50px}.form__wrapper button{margin:0 auto;width:190px;height:55px;font-size:14px;line-height:23px;text-align:center;letter-spacing:0.15em;color:#FFFFFF;background:#34547A}.footer{padding:56px 0 55px 0;background-color:#34547A}.footer__wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.footer__title{font-family:Roboto;font-style:normal;font-weight:normal;font-size:13px;line-height:21px;color:#FFFFFF}.footer__title h3{margin:0;margin-bottom:20px;font-weight:500;font-size:21px;line-height:25px}.footer__icons a{margin-left:22px}.hamburger{display:none;position:absolute;top:40px;right:50px;cursor:pointer;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;z-index:20}.hamburger span{display:block;margin-top:6px;width:30px;height:3px;background:#151812}.hamburger span.long{width:36px}.hamburger_active span{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:-3px;background:#33382e;-webkit-transition:all .6s;-o-transition:all .6s;transition:all .6s}.hamburger_active span:last-child{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.hamburger_active span:nth-child(2){display:none}.menu{position:fixed;top:0;left:100%;width:40vw;height:100vh;padding-top:30px;z-index:10;visibility:hidden;opacity:0;-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;list-style:none;background-color:#727272}.menu_active{visibility:visible;opacity:1;left:0}.menu__link{border:1px blanchedalmond solid;-webkit-border-radius:10px;border-radius:10px;position:relative;margin-bottom:15px;margin-right:20px}.menu__link a{color:#fff;padding:0}@media (max-width: 1200px){.container{max-width:1000px;margin:0 auto;padding:5px 10px 5px 10px}.clients{padding-bottom:50px}.clients__img{max-width:180px}.video__img img{max-width:75%}}@media (max-width: 1200px) and (max-width: 992px){.header{padding:37px 0 46px 0}.header__top{margin-bottom:30px}.header__nav ul>li>a{padding-left:22px;font-size:16px;line-height:18px}.header__content{padding-left:50px}.header__content h1{font-size:36px;margin-bottom:0px}.header__content p{margin-bottom:10px}}@media (max-width: 1200px){.btn__header{width:190px;height:45px}.skills{padding:50px 10px}.skills__list{padding-right:20px}.skills__list h4{margin-bottom:0}.skills__list span{margin-bottom:5px}.numbers{padding:40px 10px}.video{padding:20px 0}.clients{padding:20px 10px}.form{padding:20px 0}.footer{padding:20px 10px}}@media (max-width: 768px){.hamburger{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.header__content{padding-left:20px;font-size:14px}.header__content h1{font-size:32px}.header__pc{display:none}.header__wrapper img{max-width:40%;height:auto}.header__logo{padding-left:20px}.about{padding:20px 10px}.numbers__item{padding-right:20px;margin-bottom:20px}.numbers__wrapper{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.skills__progress{max-width:250px}.skills__progress:after{max-width:150px}.clients__wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}@media (max-width: 576px){.header__content{padding:5px}.header__content h1{font-size:38px;line-height:39px;margin-bottom:20px}.hamburger{top:40px;left:0}.menu{width:50vw;height:100vh}.skills__progress{max-width:150px}.skills__progress:after{max-width:50%}.form__inputs{width:70%;margin-bottom:10px}.form__inputs input{margin-bottom:8px}.form textarea{width:80%}}.descript{width:70%;background-color:#faebba;margin-left:5px;font-size:36px;color:#0b0c0b;font-style:italic;opacity:.5;text-align:center;margin-bottom:10px;border:darkred 2px solid;-webkit-border-radius:5px;border-radius:5px}.descript button{background-color:#a50707;color:ghostwhite;border:2px solid #070202;-webkit-border-radius:5px;border-radius:5px;margin-bottom:10px}