body {
  background-color: black;
}

#page-container {
  /*Need a nice background image? www.unsplash.com is a good resource*/ 
 	background-image: url("https://projects.codecraftworks.com/web/20f1AzMNQKh8vU3Nz5E8/assets/casey-horner-weTLZTLeqeI-unsplash (1).jpg"); 
  background-size:100% 100%;
  height: 100vh;
	width: 100vw;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*Want to move the text box? Change the percentage values of the 'top' and 'left' properties to reposition it*/
#text-box {
  background-color: rgba(255,255,255,0.5);
  margin: 0;
  padding: 20px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 5%;
  width: 30vw;
}
#text-box:hover
{
  background-color: rgba(255,255,255,.25);
}
#text {
  font-family: "Edu NSW ACT Foundation", cursive;
  font-size: 2.5vh;
}

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

a
{
  text-decoration: none;
  color: white;
}
a:hover
{
	cursor:pointer;
  color: black;
  font-size: 1.25em;
  padding: 10px;
}
a:active
{
 	cursor: pointer;
  background-color:black;
  padding: 10px;
  color: white;
  font-size: 1.25em;
}
a:visited
{
  cursor: pointer;
  background-color:black;
  padding: 10px;
  color: white;
  font-size: 1.25em;
}
#photo-credit {
 	background-color: rgba(255,255,255,0.1); 
  position: fixed;
  color: white;
  margin: 100px;
  bottom: 0%;
  right: 0%;
  font-family: "Merriweather";
  font-size: 2vh;
}