/**Global Styles**/

body {
	margin: 0px 0px;
  background-color: #fcffed;
}

p {
	color: #000000;
  font-size: 20px;
  line-height: 1.5;
}

ul {
	color: #000000;
}

h2 {
  color: #000000;
  font-size: 40px;
}

img {
  width: 300px;
  border-radius: 10px;
}

div {
  display: flow-root;
  margin: 0 0 10vh 0;
}

/**Header Specific Styles**/

Header {
	background-color: #d0dfb0;
  padding: 50px 0px;
  border: solid darkgreen 2px;
  
}

h1 {
  font-size: 70px;
  text-align: center;
  color: #000000;
  margin: 0;
}

.wrapper {
  margin: 0px 20vw;
}

.snowMountainPic {
  float: left;
  margin: 0px 20px 0px 0px;
  padding 0 0 2em;
}

.snowMountain > p {
  padding: 300px 0px 0px 0px;
}

.cloudMountainGif {
  float: left;
  margin: 0px 20px 0px 0px;
}

.volcanoVideo {
  float: left;
  margin: 0px 20px 0px 0px; 
}

.volcano > p {
	padding: 100px 0px 0px 0px;
}

.cloudMountain > p {
	padding: 100px 0px 0px 0px;
}

.pictureLink:hover {
  opacity: .7;
}

.boom {
  display: block;
  margin: 0 auto;
}

.audioCaption {
	text-align: center;
  color: red;
  font-weight: bold;
}

.audio {
  margin: 400px 0 200px 0;
  padding: 20px;
  background-color: #000000;
  
}

/**List stye Image**/
ul {
  list-style-image: url(https://i.postimg.cc/BZMX5YwL/Photo-Bullet-Point.png);
}

/**visual aids for me as a dev**/
.underConstruction {
  border: solid black 5px;
}