test.md

test

*{
padding: 0;
margin: 0;
box-sizing: border-box;
}
#header{
height: 60px;
background-color: #242424;
}
.header_list header_item{
list-style-type: none;
}
.header_list{
display: flex;
justify-content: space-between;
padding: 18px 158px;
gap:36px;
}
.header_item_text{
color: #FFFFFF;
font-weight: 400;
font-size: 18px;
line-height: 21.78px;
width: 613px;
}
.wrap_one{
margin: 39px 0 0 99px;
}
.promo_text_one{
font-weight: 700;
font-size: 60px;
line-height: 60.51px;
font-style: italic;
}
.promo_text_two{
font-weight: 400;
font-size: 48px;
line-height: 58.09px;
font-style: italic;
}
.main_text_one{
margin: -74px 0 0 414px;
font-weight: 400;
font-size: 24px;
line-height: 29.05px;
}
.picture{
height: 80px;
width: 80px;
margin: -66px 0 0 978px;
}
.wrap_items{
margin-top: 24px;
}
.left_items::before {
position: absolute;
content: ' ';
height: 530px;
width: 522px;
background-image: url("../img/blue_man.png")50%/100% no-repeat;
}
.right_items{
margin: 68px 0 0 594px;
}
.text_items{
margin: 0 14px 0 0px;
font-weight: 400;
font-style: italic;
font-size:48px;
line-height: 53.25px;
}
.list_items{
margin: 39.77px 0 0 0px;
background-color: #F1F1F1;
}
.item_items{
margin: 20.21px 0 0 50px;
}
.text_item_items{
font-weight: 400;
font-style: italic;
font-size: 32px;
line-height: 48px;
}
.down{
margin: 300px 0 0 60px;
}
.list_items_two{
background-color: #F1F1F1;
width: 590.3px;
}
.item_items_two{
margin: 22px 0 0 35.33px;
}
.text_item_items_two{
font-weight: 400;
font-style: italic;
font-size: 22px;
line-height: 33px;
}
.right_items_two::before{
position: absolute;
content: '';
margin: -449px 0 0 676px;
width: 549px;
height: 362px;
background: url("../img/blue_man.png")50%/100% no-repeat;
}
#section_last{
padding-top: 55px;
}
.title_last{
margin-left: 60px;
font-weight: 700;
font-style: italic;
font-size:32px;
line-height: 38.73px;
}
.left_right_last{
background-color: #DFDFDF;
}