@font-face {
    font-family: '1';
    src: url('../ttf/arial.ttf') format('truetype');
}

@font-face {
    font-family: '2';
    src: url('../ttf/ARLRDBD.TTF') format('truetype');
}

@font-face {
    font-family: '3';
    src: url('../ttf/arial.ttf') format('truetype');
}

.container-font-1 {
    font-size: 30px;
    font-family: '1';
    font-weight: 700;
}

.container-font-2 {
    font-size: 30px;
    font-family: '2';
    font-weight: 700;
}

.container-font-3 {
    font-size: 30px;
    font-family: '3';
    font-weight: 700;
}

.container-h1 {
    font-size: 100px;
    font-family: '3';
    font-weight: 700;
}

.container-h2 {
    font-size: 50px;
    font-family: '3';
    font-weight: 700;
}

.container-h3 {
    font-size: 40px;
    font-family: '3';
    font-weight: 700;
}

.container-p {
    font-size: 30px;
    font-family: '3';
    font-weight: 700;
}

.container-li {
    font-size: 30px;
    font-family: '3';
    font-weight: 700;
}