/* media.css */
/** Module 4 Project styling file **/

/*Basic Style*/
body {
  font-family: Arial, sans-serif;
  background-color: #fafafa; /*gray98*/
  margin: 100px;
}

/*Heading*/
header {
  text-align: center;
  background-color: #f0f0f0; /*gray94*/
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 50px;
}

h1 {
  color: #663399; /*purple*/
  font-size: 30px;
}

h2 {
  color: #3d3c3c; /*dark gray*/
  border-bottom: 2px solid gray;
  padding-bottom: 5px;
}

section {
  margin-bottom: 100px;
}

figure {
  margin: 10px;
  padding: 10px;
}

figcaption {
  font-size: 1em;
  color: gray;
}

/*Thumbnail image*/
img {
  border: 1px solid grey;
  border-radius: 5px;
  padding: 5px;
}
img:hover {
  opacity: 0.5;
}

/*Position image beside text*/
.image-text {
  display: flex;
  align-items: center;
}
.text {
  padding-left: 20px;
  float: right;
}

/*Custom cat icon for bullets*/
ul {
  list-style-image: url("https://cdn3.iconfinder.com/data/icons/outline-amenities-icon-set/64/Cats-15.png");
}
li {
  margin-bottom: 5px;
}

/*Audio/Video Player*/
audio, video {
  margin-top: 10px;
  border-radius: 10px;
}

footer {
  text-align: center;
  border-top: 1px solid gray;
  margin-top: 50px;
  padding-top: 10px;
  color: gray;
  font-size: 0.9rem;
}