@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Bebas_Neue/BebasNeue-Regular.ttf);
}

@font-face {
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Bitter/Bitter-VariableFont_wght.ttf);
}

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Noto_Sans/NotoSans-Regular.ttf);
}

body {
  background-color: darkslategray;
  color: gainsboro
}

h1 {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 300;
  font-size: 36px;
  font-size: 3.8vmax;
  letter-spacing: 1px;

  text-align: center;
  margin-left: 10px;
  margin-right: 10px;

  color: gainsboro;
  background-color: darkolivegreen; 
}

div {
  background-color: lightblue;
}

p {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 300;
  font-size: 1.1em;
}