body, html {
  height: 100%;
  margin: 0;
  background-color: #e0e0e0;
}

.bg {
  /* The image used */
  background-image: url("../img/background.jpg");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

th {
	color: black;
	font-size: 25px;
	font-family: arial;
}

* {
    margin: 0;
    padding: 0;
}

h1 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    font-family: 'Abel', sans-serif;
    font-size: 3em;
    color: white;
}
a:link {
  color: black; 
  text-decoration: none;
}
a:visited {
  color: black;
  text-decoration: none;
}
a:hover {
  color: blue;
  text-decoration: none;
}

a:active {
  color: black;
  text-decoration: underline;
}
footer {
  position: absolute;
  left: 50%;
  top: 90%;
  transform: translateX(-50%) translateY(-10%);
  text-align: center;
  color: white;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
}