body{
  font-family: 'Playfair Display SC', serif !important; 
  background: url("../img/bg.jpg") !important;
  background-repeat: repeat !important;
}

h1{
  text-align: center;
  padding: 10px;
}

p{
    padding: 10px;
}

#text{
  position: absolute;
  background: rgba(0,0,0,0.77);
  color: #FFFFFF;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

<style>
a:link {
  color: ghostwhite;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: dimgrey;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: floralwhite;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: navajowhite;
  background-color: transparent;
  text-decoration: underline;
}
</style>