h1 { /*makes headers bigger, cleaner and centered*/
  text-align: center;
  font-family: sans-serif;
  font-size: 50px;
}

p { /*makes basic paragraph text bigger (so its easier to read) and sans serif (also so its easier to read) and so that it isn't
  hugging the edge of the page*/
  font-size: 25px;
  font-family: 'Arial Narrow Bold', sans-serif;
  padding-left: 10px;
  padding-right: 10px;
}

img { /*images have a small black border, making it sorta look like a picture frame, images also have rounded corners, making them visually look neater*/
  opacity: 1.0;
  align-content: right;
  border: 3px solid black;
  border-radius: 15px;
}

.floatright  { /*so that some images can be manually sent to the right*/
 display: flex;
 float: right;    
 margin: 0 0 0 15px;
 justify-content: flex-end;
}

img:hover { /*when hovered over by your mouse, images will go a bit translucent and push the text away for easer readability*/
  opacity: 0.5;
  border: 15px transparent;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 15px;
}

h3 { /*smaller size of header*/
  font-size: 35px;
  font-family: sans-serif;
}

.biggerimage { /*does exactly what you'd guess it does...*/
  width: 500px;
  height: auto;
  float: right;
  margin: 0 0 0 15px;
} 

.floatleft  { /*so that I can manually set images to be alligned to the left*/
 float: left;
 margin: 0 0 0 15px;
 width: 500px;
 height: auto;
}

.righttext { /*so i can manually allign text to the right*/
text-align: right;
font-size: 23.5px;
}

.footnote { /*footnote text*/
  text-align: center;
  font-family: serif;
  font-size: 15px;
}

.captionright { /*right caption*/
  text-align: right;
  font-family: serif;
  font-size: 15px;
}

.captionleft { /*left caption*/
  text-align: left;
  font-family: serif;
  font-size: 15px;
}
/*
.captioncontainer {
  position: right;
  background-color: aqua;
  width: 300px;
  height: 200px;
}
*/
/*
.textgood {
  width: 1500px;
  height: 50px;
  background-color: aqua;
}

.textgooder {
  width: 1300px;
  height: 200px;
  display: flex;
  background-color: aqua;
}
  */