/* ==========================================================================
// fonts
========================================================================== */

/*
 ====================
 Aleo
 ====================
 */

@font-face {
  font-family: 'Aleo';
  src: url('/fonts/Aleo/Aleo-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Aleo';
  src: url('/fonts/Aleo/Aleo-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Aleo';
  src: url('/fonts/Aleo/Aleo-Bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Aleo';
  src: url('/fonts/Aleo/Aleo-BoldItalic.otf') format('opentype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Aleo';
  src: url('/fonts/Aleo/Aleo-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Aleo';
  src: url('/fonts/Aleo/Aleo-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
}

/*
====================
Lato
====================
*/

@font-face {
  font-family: 'Lato';
  src: url('/fonts/Lato/Lato-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('/fonts/Lato/Lato-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('/fonts/Lato/Lato-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('/fonts/Lato/Lato-Semibold.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('/fonts/Lato/Lato-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('/fonts/Lato/Lato-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('/fonts/Lato/Lato-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('/fonts/Lato/Lato-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

/* ==========================================================================
// base
========================================================================== */

body {
  background-color: #090a0f;
  background-image: linear-gradient(180deg, #090a0f 38%, #44566b 100%);
  font-family: 'Lato', sans-serif;
}