@font-face {
    font-family: 'Roboto-l';
    font-style: normal;
    src: url('../fonts/Roboto-Light-webfont.woff2') format('woff2'),
    url('../fonts/Roboto-Light-webfont.woff') format('woff'),
    url('../fonts/Roboto-Light-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-r';
    font-style: normal;
    src: url('../fonts/Roboto-Regular-webfont.woff2') format('woff2'),
    url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
    url('../fonts/Roboto-Regular-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-m';
    font-style: normal;
    src: url('../fonts/Roboto-Medium-webfont.woff2') format('woff2'),
    url('../fonts/Roboto-Medium-webfont.woff') format('woff'),
    url('../fonts/Roboto-Medium-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-b';
    font-style: normal;
    src: url('../fonts/Roboto-Bold-webfont.woff2') format('woff2'),
    url('../fonts/Roboto-Bold-webfont.woff') format('woff'),
    url('../fonts/Roboto-Bold-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-bl';
    font-style: normal;
    src: url('../fonts/Roboto-Black-webfont.woff2') format('woff2'),
    url('../fonts/Roboto-Black-webfont.woff') format('woff'),
    url('../fonts/Roboto-Black-webfont.ttf') format('truetype');
}

:root {
    --main-color: #1cabe2;
    --blue-color:#004b73;
    --dark-color:#2d2926;
    --black-color: #000000;
    --white-color: #ffffff;
    --violet-color:#5d5a88;
    --dark-blue: #2159A8;
    --dark-color-100:#011117;
}
.main-title{
    font-family: 'Roboto-bl';
    color: var(--dark-color);
    font-size: 26px;
    line-height: 32px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
}
.main-container{
    max-width: 1085px;
}