*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    line-height: 21.09px;
}
ul, ol{
    list-style: none;
}
a{
    text-decoration: none;
}
input{
    border: none;
}
body{
    font-family: "Roboto", sans-serif;
}
.wrapper{
    width: 1920px;
}
.section{
    padding: 0 320px;
}
.h2_title{
    font-family: "Archangelsk", sans-serif;
    font-weight: 400;
    font-size: 62px;
    line-height: 63.3px;
}
.title_white{
    color: white;
}
.section_header{
    position: relative;
    background-image: url("../images/section_hero.jpg"); /*.. выйти на уровень выше*/ 
    height: 1000px;
}
.menu_block{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
}
.menu_social{
    display: flex;
    width: 380px;
    justify-content: space-between;
}
/* .hero_block::before{
    position: absolute;
    content: "";
    border: 50px solid transparent;
    border-left:50px solid transparent; 
    border-top:50px solid transparent;
    top: 0;
    left: 0;
} */
.hero_block{
    position: absolute;
    bottom: 0;
    right: 320px;
    width: 624px;
    height: 369px;
    padding: 70px;
    background-color: #F8F200;
    clip-path: polygon( 0px 50px,
    50px 0px,
    100% 0px,
    100% calc(100% - 50px),
    calc(100% - 50px) 100%,
    0% 100%
  );
}
.hero_block_title{
    margin-bottom: 25px;
    font-family: "Archangelsk", sans-serif;
    font-weight: 400;
    font-size: 62px;
    line-height: 63.3px;
}
.hero_block_link_container{
    background-color: black;
    height: 78px;
    width: 272px;
}
.black_btn{
    display: inline-block;
    padding: 19px 50px;
    color:#F8F200; 
    font-size: 24px;
    line-height: 40px;
}
.section_night{
    height: 1000px;
    padding-top: 70px;
}
.smaller_text{
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: rgba(0, 0, 0, 0.5);
}
.night_text{
    margin-bottom: 70px;
    margin-top: 25px;
    width: 952px;
    height: 125px;
}
.smaller_highlight{
    color: rgba(135, 206, 250, 1);
}
.images_container{
    display: flex;
    justify-content: space-between;
}
.images_inner_left{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.section_play{
    background-color: black;
    height: 814px;
}
.section_play::before, .section_play::after{
    display: block;
    content: '';
    position: absolute;
    left: 0;
    background-image: url('../images/distortion_top.png');
    height: 70px;
    width: 100%;
}
.section_play::after{
    transform: rotate(180deg);
}
.smaller_text_white{
    width: 952px;
    height: 125px;
    /* margin-bottom: 70px; */
    margin-top: 25px;
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: rgba(255, 255, 255, 0.9);
}
.play_title{
    display: flex;
    padding-top: 70px;
}
.promotion{
    margin-right: 32px;
}
.play_title .h2_title{
    margin-top: 70px;
}
.play_form{
    display: flex;
}
.form_sign_play{
    height: 383px;
    width: 460px;
}
.sign_input{
    width: 100%;
    height: 35px;
    background: transparent;
    color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid #777777;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 35px;
}
.sign_input:focus{
    outline: none;
}
.sign_input_img{
    /* border: 3px dashed #777;  */
    opacity: 0;
    width: 0;
}
.input_img_container{
    display: flex;
    width: 100%;
    height: 120px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    text-align: center;
    margin-bottom: 35px;
    color:rgba(255, 255, 255, 0.7);
    background-image: url("data:image/svg+xml;utf8,<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill: none; stroke: grey; stroke-width: 2; stroke-dasharray: 8 8'/></svg>");
}
.text_underline{
    font-size: 18px;
    font-weight: 300;
    text-decoration: underline;
}
.submit_button{
    background-color: #F8F200;
    width: 192px;
    height: 59px;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px;
}
.input_checkbox_container{
    color:rgba(255, 255, 255, 0.7);
    width: 100%;

}
.input_checkbox_container label::before{
    display: inline-block;
    content: "";
    width: 14px;
    height: 14px;
    border: 1px solid #777;
    margin-right: 10px;
    background-image: url('../images/tick.svg');
}
.section_immersion{
    /* height: 700px; */
    background-color: #F8F200;
    padding-top: 140px;
    padding-bottom: 70px;
    display: flex;
}
.immersion_images{
    display: flex;
    flex-direction: column;
}
.immersion_logos{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 26px 42px 0px 42px;
}
.immersion_icon{
    width: 30px;
    height: 30px;
    margin-right: 14px;
}
.info_paragraph{
    color: black;
    width: 624px;
    height: 125px;
    margin-bottom: 25px;
}
.monitor_img{
    width: 624px;
    height: 430px;
    margin-right: 32px;
}
.info_benefit{
    position: relative;
    margin-bottom: 20px;
    margin-left: 40px;
    font-weight: 400;
    font-size: 18px;
}
.info_benefit::before{
    position: absolute;
    left: -40px;
    display: inline-block;
    content: '';
    width: 30px;
    height: 30px;
    background-position: center center;
}
.icon_colors::before{
    background: url("../images/colors_icon.svg") no-repeat;
}
.icon_stars::before{
    background: url("../images/stars_icon.svg") no-repeat;
}
.icon_files::before{
    background: url("../images/files_icon.svg") no-repeat;
}
.more_info_btn{
    width: 194px;
    height: 59px;
    background-color: black;
    color: #F8F200;
    font-weight: 700;
    font-size: 18px;
    border: none;
    margin-top: 20px;
}
.section_buygame{
    background-color: black;
    display: flex;
}
.buygame_right{
    padding-top: 70px;
    padding-left: 32px;
    padding-bottom: 70px ;
}
.title_buygame{
    margin-bottom: 25px;
}
.complect_list_item{
    color: rgba(255, 255, 255, 0.8);
}
.h3_title{
    color: #52BEDC;
    font-weight: 700;
    font-size: 24px;
    line-height: 28.13px;
    margin-bottom: 15px;
}
.complect_list{
    position: relative;
    padding-left: 40px;
}
.complect_list_item{
    margin-bottom: 15px;;
}
.complect_list_item::before{
    position: absolute;
    content: '';
    display: inline-block;
    width: 27px;
    height: 27px;
    background-position: center center;
    left: 5px;
}
.disk_icon::before{
    background: url('../images/notes.svg') no-repeat;
}
.notes_icon::before{
    background: url('../images/notes.svg') no-repeat;
}
.img_icon::before{
    background: url('../images/img.svg') no-repeat;
}
.choose_your_fighter{
    margin-top: 70px;
    margin-bottom: 25px;
}
.buygame_logos{
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    gap: 48px 79px;
}
.footer_content{
    display: flex;
    align-items: center;
}
.footer_content p:nth-of-type(1){
    margin-left: auto;
    margin-right: 32px;
}
.footer_content img:first-child{
    margin-right: 32px;
}
.footer_rights{
    background-color: black;
    color: white;
    text-align: center;
    padding: 13px 0;
}
.footer_rights p{
    font-size: 14px;
    line-height: 14.06px;
}