* {
    font-family: var(--font-family);
}

body header{
    background-color: var(--yota-primary-700);

    h1{
        color: white;
    }
}

div.accordion-item h2.accordion-header{
    background-color: var(--yota-primary-200);
}

img.top-image{
    height: 20rem;
    width: 30rem;
}

img.card-img-top{
    height: 250px;
    object-fit: cover;
}

footer {
  background-color: var(--secondary-color);
  color: var(--yota-primary-25);


  div {
      display: flex;
      p:last-child {
          margin-left: auto;
      }
  }

}

nav {
  background-color: var(--yota-primary-500);
  li {
      padding: 5px;
  }
}