body {
  font-family: -apple-system, sans-serif;
  padding: 10px;
}

a {
  color: hsl(220, 100%, 50%);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h4 {
  margin: 25px 0 10px 0;
}

h5 {
  margin: 20px 0 10px 0;
}

hr {
  opacity: 0.2;
}

p {
  font-size: small;
}

ul {
  font-size: small;
  margin: 5px 0;
  li {
    margin: 3px 0;
    padding: 4px 0;
    ul {
      margin: 0 0;
      li {
        margin: 3px 0 0 0;
        padding: 4px 0 0 0;
      }
    }
  }
}

.content {
  margin: auto;
  max-width: 900px;
  background-color: hsl(200, 66%, 95%);
  border-radius: 20px;
  padding: 2%;
}

.header {
  display: flex;
  align-items: center;
  img {
    border-radius: 10%;
  }
}

.title p, .title a, .title h4 {
  margin: 0;
  padding-left: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.title p, .title a {
  display: block;
  font-size: small;
  font-weight: normal;
}

.slides-container {
  overflow-x: scroll;
}
.slides {
  width: 1820px;
 .slide {
    padding: 0 5px;
    display: inline-block;
    img {
      border-radius: 3%;
      width: 288px;
    }
  }
}