style.css

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap&subset=cyrillic-ext);
*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif}
.container{max-width:1200px;margin:0 auto;}
.title{font-size:36px;font-weight:400}
.bgc_blue{position:absolute;right:0;top:-155px;width:50vw;height:900px;background:rgba(146,242,255,.15);z-index:-1}
.title{text-align:center}
.promotion{padding:70px 0 240px 0;position:relative}
.promotion .container{display:flex}
.promotion .bgc_y{position:absolute;width:50%;height:499px;background:rgba(243,255,222,.35);z-index:-1;top:-50px;left:0}
.promotion__text{width:50%}
.promotion__descr{margin-top:40px;font-size:20px;line-height:24px;font-weight:300}
.promotion__descr span{font-weight:700;font-size:26px}.promotion__timer{width:50%}
.promotion__timer .title{text-align:right}
.promotion__timer .timer{margin-top:60px;padding-left:95px;display:flex;justify-content:space-between;align-items:center}
.promotion__timer .timer__block{width:102px;height:120px;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.25);font-size:16px;font-weight:300;text-align:center}
.promotion__timer .timer__block span{display:block;margin-top:20px;margin-bottom:5px;font-size:56px;font-weight:700}