@font-face {
  font-family: 'Didact';
  font-style: normal;
  font-weight: 400;
  src: local('Didact Gothic Regular'), local('DidactGothic-Regular'),
       url('/assets/fonts/didact/didact-gothic-v12-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/didact/didact-gothic-v12-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
  font-family: 'Futura';
  src: local('Futura Bold Italic'), local('FuturaBT-BoldItalic'),
      url('/assets/fonts/futura/FuturaBT-BoldItalic.woff2') format('woff2'),
      url('/assets/fonts/futura/FuturaBT-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}

* {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  font-family: 'Didact', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

html {
  background-color: var(--color-darker);
  background-image: linear-gradient(transparent, rgba(0, 0, 0, .6));
}

:root {
  --color-primary: #0075c3;
  --color-secondary: #00b3d3;
  --color-darker: #0d3f61;
}