html,
body {
  margin: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #222;
  background-image: url(../img/textured-background-2560x1440.jpg);
  color: #c0c0c0;
}

h1 {
  font-size: 64px;
  letter-spacing: 1px;
  /* text-transform: uppercase; */
}

hr {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgb(55, 79, 107), rgba(0, 0, 0, 0));
  height: 1px;
  width: 30%;
  border: 0;
}

span {
  color: rgb(55, 79, 107);
}

.overlay {
  background: rgba(0, 0, 0, 0.5);
}

.content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  min-height: 100vh;
}