@font-face {
    font-family: Roboto;
    font-weight: normal;
    font-style: normal;
    src: url("roboto/Roboto.woff2") format("woff2"), url("roboto/Roboto.woff") format("woff"), url("roboto/Roboto.ttf") format("truetype"), url("roboto/Roboto.eot"), url("roboto/Roboto.eot") format("embedded-opentype"), url("roboto/Roboto.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: Roboto;
    font-weight: bold;
    font-style: normal;
    src: url("roboto/RobotoBold.woff2") format("woff2"), url("roboto/RobotoBold.woff") format("woff"), url("roboto/RobotoBold.ttf") format("truetype"), url("roboto/RobotoBold.eot"), url("roboto/RobotoBold.eot") format("embedded-opentype"), url("roboto/RobotoBold.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    font-display: block;
    src: url('icons/icomoon/fonts/icomoon.eot');
    src: url('icons/icomoon/fonts/icomoon.eot#iefix') format('embedded-opentype'), url('icons/icomoon/fonts/icomoon.ttf') format('truetype'), url('icons/icomoon/fonts/icomoon.woff') format('woff'), url('icons/icomoon/fonts/icomoon.woff2') format('woff2'), url('icons/icomoon/fonts/icomoon.svg#icomoon') format('svg');
}

@font-face {
    font-family: 'Sport-icons';
    font-weight: normal;
    font-style: normal;
    font-display: block;
    src: url('icons/sport-icons/fonts/icomoon.eot');
    src: url('icons/sport-icons/fonts/icomoon.eot#iefix') format('embedded-opentype'), url('icons/sport-icons/fonts/icomoon.ttf') format('truetype'), url('icons/sport-icons/fonts/icomoon.woff') format('woff'), url('icons/sport-icons/fonts/icomoon.woff2') format('woff2'), url('icons/sport-icons/fonts/icomoon.svg#icomoon') format('svg');
}

 :root {
    --fonts: Roboto, sans-serif;
}