@font-face {
    font-family: 'ONYOne';
    src: url('fonts/ONYOneLight.eot');
    src: url('fonts/ONYOneLight.eot') format('embedded-opentype'),
         url('fonts/ONYOneLight.woff2') format('woff2'),
         url('fonts/ONYOneLight.woff') format('woff'),
         url('fonts/ONYOneLight.ttf') format('truetype'),
         url('fonts/ONYOneLight.svg#ONYOneLight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'ONYOne';
    src: url('fonts/ONYOneRegular.eot');
    src: url('fonts/ONYOneRegular.eot') format('embedded-opentype'),
         url('fonts/ONYOneRegular.woff2') format('woff2'),
         url('fonts/ONYOneRegular.woff') format('woff'),
         url('fonts/ONYOneRegular.ttf') format('truetype'),
         url('fonts/ONYOneRegular.svg#ONYOneRegular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'ONYOne';
    src: url('fonts/ONYOneMedium.eot');
    src: url('fonts/ONYOneMedium.eot') format('embedded-opentype'),
         url('fonts/ONYOneMedium.woff2') format('woff2'),
         url('fonts/ONYOneMedium.woff') format('woff'),
         url('fonts/ONYOneMedium.ttf') format('truetype'),
         url('fonts/ONYOneMedium.svg#ONYOneMedium') format('svg');
    font-weight: 500;
    font-style: normal;
}

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

:root {
  --font-family: "ONYOne", sans-serif;
  --second-family: "RNKSans", sans-serif;
}