@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: 2rem;
}
.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;
}