/* stylesheet for the web page*/
/* changes include: altering the sizing of text, padding, and margins; changing how the background color is represented so that the opacity is only applied to the background color; added a white border to the text boxes; rounded the edges of the boxes*/

/* ruleset for the banner; moved to top of stylesheet to correspond more closely to how the webpage is navigated */
#banner { 
  margin-left:auto; 
  margin-right:auto; 
  margin-top:10px;
  padding:10px; 
  width:90%;
  font-size:3em; 
  font-family:monospace;
  background-color:rgba(256, 256, 256, 0.70);
  border:2px solid white;
  border-radius:10px;
  z-index:999; 
} 

/* ruleset for the central box with text */
#mySummer {
  margin-left:auto; 
  margin-right:auto; 
  margin-top:2em; 
  padding:1em; 
  height:auto; 
  width:50%; 
  font-family:Georgia; 
  font-size:1.5em; 
  background-color:rgba(256, 256, 256, 0.70);
  border:2px solid white;
  border-radius:10px;
  z-index:999; 
}

/* ruleset for the small credits box; contains links to the photographer for the background image, as well as Mozilla */
#credits {
  position:fixed; 
  bottom:5em; 
  padding:10px; 
  font-family:monospace;
  font-size:12px; 
  background-color:#fff; 
  background-color:rgba(256, 256, 256, 0.70);
  border:2px solid white;
  border-radius:10px;
  z-index:999; 
} 

#myPic {
  position:fixed;
  top:0px; 
  left:0px; 
  height:100%;
  width:100%; 
  z-index:-999;
} 

a { 
  font-family:monospace; 
  font-size:12px; 
  color:#000
}