@font-face {
  font-family: hack;
  src: url(../fonts/hack-regular.woff);
}

@font-face {
  font-family: silkscreen;
  src: url(../fonts/slkscr.ttf)
}

body {
  overflow-x: hidden;
  overflow-y: hidden;
  font-family: silkscreen;
  font-size: 12px;
  color: black;

  display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center; /* Centers vertically */
  height: 100vh; /* Full viewport height */
  margin: 0; /* Removes default margin */

  background-image: url("../images/waterfallbackground.gif");
  background-repeat: no-repeat;
  background-size: cover;
}

.child {
  background-color: rgb(255, 217, 105);
  text-align: center;
  padding: 10px;
  box-shadow: 10px 10px 0px -1px rgba(0,0,0,0.75);
}