@font-face {
    font-family: 'Aleo';
    src: url('/assets/fonts/Aleo-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Aleo';
    src: url('/assets/fonts/Aleo-Italic-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: italic;
  }
  
  @font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/Montserrat-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/Montserrat-Italic-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: italic;
  }
  
  @font-face {
    font-family: 'Barriecito';
    src: url('/assets/fonts/Barriecito-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Rubik Bubbles';
    src: url('/assets/fonts/RubikBubbles-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'DynamoCom';
    src: url('/assets/fonts/DynamoCom-BoldCondensed.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
  }

  @font-face {
    font-family: 'Horizon';
    src: url('/assets/fonts/Horizon.otf') format('opentype');
  }