@font-face { 
	font-family: "Roboto";
	font-style: normal; 
	font-weight: 400;
	src: url("./fonts/Roboto-Regular.ttf?#iefix") format("truetype"); 
}


body {
  background-color: black;
  color: black;
  font-family: "Roboto", sans-serif;
  text-align: center;
}

a {
  color: #A20B18;
}

.start {
  background-image: url("images/thesurface.gif")
  
}

.mainpage {
  background-image: url("images/diving.gif")
  
}

.notfound {
  background-image: url("images/moreofher.jpg")
  

}

.contentwarnings {
  background-color: #D2D7DF;
  
  
}

.reviews {
  background-image: url("images/sunlightzone.gif")
  
}

.music {
  background-image: url("images/twilightzone.gif")
  
}

.guestbook {
  background-image: url("images/midnightzone.gif")
  
}

.gallery {
  background-image: url("images/theabyss.gif")
  
}

.myfriends {
  background-image: url("images/thetrenches.gif")
  
}

.journal {
  background-image: url("images/themarianatrench.gif")
  
}