@font-face {
  font-family: 'Honk';
  src: url('https://ericisthebest.neocities.org/fonts/Honk-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Happy Monkey';
  src: url('https://ericisthebest.neocities.org/fonts/HappyMonkey-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body {
  background: linear-gradient(to bottom, #000a9c, #29005e);
  background-attachment: fixed;
  color: white;
  font-family: "Happy Monkey";
  user-select: none;
}

h1 {
  font-size: 50px;
  font-family: "Honk";
  margin: 5px;
}

hr {
  border: none;
  height: 3px;
  background-color: white;
}

button {
  border: 2px solid white;
  background-color: #0083cf;
  border-radius: 5px;
  cursor: pointer;
} button:hover {
  background-color: #00a1ff;
}

a {
  color: white;
}

button > a {
  text-decoration: none;
}

.game {
  width: 300px;
  height: 100px;
  border: 2px solid white;
  margin: 5px;
  background-color: #0083cf;
  border-radius: 10px;
  color: white;
  font-family: Helvetica;
  display: inline-block;
  line-height: 100px;
  cursor: pointer;
} .game:hover {
  background-color: #00a1ff;
}

.homebtn {
  width: 100px;
  height: 50px;
  color: white;
  position: absolute;
}

.activity {
  width: calc(100vw - 30px);
  height: calc(100vh - 50px);
  margin: 0;
}