body {
  background-color: black;
}

#container {
 	background-image: url("https://images.unsplash.com/photo-1513091250092-b06c2b7981bc?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=805&q=80"); 
  background-size:100% 100%;
  height: 100vh;
	width: 100vw;
  filter: grayscale(100%);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#text-box {
  background: rgba(255,255,255,0.3);
  margin: 0;
  padding: 20px;
  position: fixed;
  top: 30%;
  left: 30%;
  transform: translate(-50%, -50%);
  border-radius: 5%;
  width: 30vw;
}

#text {
  font-family: "Merriweather", serif;
  font-size: 2.5vh;
}

#extra-text {
  text-align: right;
  font-family: "Merriweather", serif;
  font-size: 3vh;
}

#credit {
 	background-color: rgba(255,255,255,0.5); 
  position: fixed;
  bottom: 0%;
  right: 0%;
  font-family: "Merriweather", serif;
  font-size: 2vh;
}