body {
    width: 1920px;
    height: 1080px;
}

@font-face {
    font-family: "MADEOuterSans";
    src:
        url("../styles/fonts/MADE_Outer_Sans_Regular_PERSONAL_USE.eot") format("eot"),
        url("../fonts/MADE_Outer_Sans_Regular_PERSONAL_USE.woff") format("woff"),
        url("../styles/fonts/MADE_Outer_Sans_Regular_PERSONAL_USE.ttf") format("truetype"),
        url("..//styles/fonts/MADE_Outer_Sans_Regular_PERSONAL_USE.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cf1';
    src: url('./fonts/BarcadeBrawlRegular.woff') format('woff');
    src: url('./fonts/BarcadeBrawlRegular.ttf') format('truetype'); 
}

@font-face {
    font-family: 'cf2';
    src: url('../styles/fonts/outer.otf') format('otf'); 
}

.hero__container {
    width: 1265px; 
}
.hero__content {
    width: 1265px;
}


.texts1 {
    text-align: center;
    font-family: 'cf1';
    font-size: 30px;
    color: white;
}

.texts1:hover {
    color:#4FBE16;
    transition: color 0.3s ease-in-out;
}
.yzor__container {
    width: 1265px;
}
.m1 {
    font-size: 80px;
    text-align: center;
    font-family:'MADEOuterSans';
    color: white;
    line-height: 30px;
}

.m2 {
    text-align: center;
    font-size: 50px;
    font-family: 'cf1';
    color: white;
    line-height: 14px;
}

.m3 {
    text-align: center;
    font-size: 50px;
    font-family:'MADEOuterSans';
    color: white;
    line-height: 14px;
}

.m1:hover:hover {
    color:#4FBE16;
    transition: color 0.3s ease-in-out;
}

.m2:hover:hover {
    color:#4FBE16;
    transition: color 0.3s ease-in-out;
}

.m3:hover:hover {
    color:#4FBE16;
    transition: color 0.3s ease-in-out;
}

.img__yzor {
    text-align: center;
}

.social__container {
    display: flex;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 891px;
    height: 363px;
    background-color: white;
    align-items: center;
    justify-content: center;
}

.social__content {
    flex: 5;
    margin: 0 28px; /* Отступы между блоками */
    border: 1px solid #ccc;
    width: 145px;
    height: 330px;
    background-color: #4FBE16;
}

.footer__main {
    position: absolute;

}


.footer__container {
    position: absolute;
    top:-1560px;
    height: 124px;
    width: 1920px;
    background-color: #4FBE16;
}