*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

:root {
  --negro:   #181818;
  --blanco:  #FFFFFF;
  --naranja: #E84F1C;
  --gris-t:  #888888;
  --gris-l:  rgba(255,255,255,0.20);
  --gris-bg: rgba(255,255,255,0.06);
}

@font-face {
  font-family: 'Forma DJR Banner';
  src: url('../fonts/FormaDJRBanner-BoldItalic.woff2') format('woff2'),
       local('Forma DJR Banner Bold Italic'),
       local('FormaDJRBanner-BoldItalic');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

html { font-size: 16px; }

body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background: var(--negro);
  color: var(--blanco);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh;
}

.forma {
  font-family: 'Forma DJR Banner', 'Helvetica Neue', sans-serif;
  font-weight: 700;
  font-style: italic;
}