@font-face {
  font-family: 'Nunito-Variable';
  src: url('../fonts/Nunito/Nunito-Variable.woff2') format('woff2'),
       url('../fonts/Nunito/Nunito-Variable.woff') format('woff'),
       url('../fonts/Nunito/Nunito-Variable.ttf') format('truetype');
  font-weight: 200 1000;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Nunito-VariableItalic';
  src: url('../fonts/Nunito/Nunito-VariableItalic.woff2') format('woff2'),
       url('../fonts/Nunito/Nunito-VariableItalic.woff') format('woff'),
       url('../fonts/Nunito/Nunito-VariableItalic.ttf') format('truetype');
  font-weight: 200 1000;
  font-display: swap;
  font-style: italic;
}

.gif-center {
  display: block;
  margin: 20px auto;
}

body {
  background-color: gainsboro;
  font-family: 'Nunito-Variable';
}

* {
  text-align: center;
}