@font-face {
  font-family: 'Minecraft';
  src: url('fonts/Minecraft.otf') format('opentype');
}
html, body {
  margin: 0; padding: 0; height: 100%; overflow: hidden;
  font-family: 'Minecraft', sans-serif;
}
body {
  background: url('images/background.jpg') no-repeat center center fixed;
  background-size: cover;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
}
h1 {
  color: #fff; font-size: 4rem;
  text-shadow: 2px 2px 4px #000;
  margin-bottom: 0.25rem;
}
.button {
  margin: 0.5rem; padding: 1rem 2rem;
  font-size: 1.5rem; color: #fff;
  text-decoration: none; border: 4px solid #fff;
  border-radius: 8px; box-shadow: 0 0 10px #000;
  transition: transform 0.1s, box-shadow 0.1s;
  position: relative;
}
.button:active {
  transform: translateY(4px);
  box-shadow: 0 0 5px #000 inset;
}
.button:hover {
  box-shadow: 0 0 15px #fff;
}

.subtitle {
  font-size: 1.1em;
  margin: 10px 0 20px;
}

/* override subtitle styling */
.subtitle {
  color: #fff;
  font-size: 1.6em;
  font-weight: 600;
  margin: 6px 0 26px;
}

/* Subtitle tweaks */
.subtitle {
  color: #bdbdbd;
  margin-top: 0px;
  margin-bottom: 38px;
}