body,
html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://media1.popsugar-assets.com/files/thumbor/RULArzi8uqr7dtQN78pzJIG1MBc/fit-in/2048xorig/filters:format_auto-!!-:strip_icc-!!-/2020/04/08/960/n/1922507/c39129f5495d5fb5_game_of_thrones/i/Game-Thrones-Zoom-Background.jpg");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  font-family: "Montserrat", sans-serif;
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
}
h1 {
  color: white;
  display: block;
  font-size: 3rem;
  text-shadow: 10px 15px 10px black;
  text-align: center;
  font-family: "Metal Mania", cursive;
}
hr {
  border-width: 2px;
  width: 80px;
  background-color: rgb(233, 132, 64);
}
p {
  color: white;
  text-shadow: 0px 5px 10px black;
}
.join-btn {
  padding: 10px 20px;
  border-radius: 300px;
  background-color: rgb(233, 132, 64);
  border-color: rgb(233, 132, 64);
}
.join-btn:hover {
  border-color: rgb(158, 88, 41);
  background-color: rgb(158, 88, 41);
}
.buffer {
  height: 0.5rem;
}
nav a {
  text-decoration: none;
  color: white;
  font-family: "Montserrat", sans-serif;
  padding: 0 20px;
  text-shadow: 1px 2px 1px black;
}
nav a:hover {
  text-decoration: none;
  color: #ccc;
}