body {
     background: url(bg.jpg); 
     background-size: auto !important;
    }
    .header {
  text-align: center;
  margin: 0%;
  background: linear-gradient(180deg, #28AA69 0%, #194D33 70%, rgba(25,77,51,0) 100%);
  font-size: 48px;
  color: white;
  font-family: top;
  padding: 16px 0px;
}
.body {
 width: 100%;
 padding: 8px 0px;
 background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #FF9600 10%, #AE6600 90%, rgba(0,0,0,0) 100%);
 color: black;
 font-weight: bold;
 font-size: 30px;
 font-family: myFirstFont;
}
@font-face {
  font-family: myFirstFont;
  src: url(/fonts/psychopoetry.ttf);
}
@font-face {
  font-family: top;
  src: url(/fonts/junkos_typewriter.ttf);
}
button {
  background: linear-gradient(180deg, #28AA69 0%, #194D33 70%);
  border: solid white 1px;
  font-family: MyFirstFont;
  color: white;
  font-size: 22px;
}