.container {
  width: 100%;
  background-image: url("../../Assets/search-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 60vh;

  .wrapper {
    width: 100%;
    height: 60vh;
    background-color: rgba(0, 0, 0, 0.582);
    padding: 1em;
    color: white;
    box-shadow: inset 0px 1px 25px -8px rgba(0, 0, 0, 0.42);
    position: relative;

    .content {
      position: absolute;
      max-width: 1100px;
      bottom: 3em;
      left: 3em;

      h2 {
        font-size: 5rem;
      }

      p {
        font-size: 1.2rem;
        margin-top: -1em;
        margin-bottom: 1em;
      }

      .date,
      .author {
        opacity: 0.7;
      }

      .date {
        margin-top: -1.7em;
        font-size: 1rem;
        margin-bottom: 1.5em;
      }

      .author {
        font-weight: bold;
        font-size: 1.5rem;
        color: var(--primary);
      }

      ul {
        list-style: none;
        display: flex;
        font-size: 1.2rem;

        li {
          text-decoration: none;
          margin-right: 1em;
        }
      }
    }

    @media (max-width: 800px) {
      .content {
        h2 {
          font-size: 3rem;
          line-height: 1.2em;
        }

        .author {
          margin-top: auto;
        }

        p {
          font-size: 1rem;
          max-width: 20em;
        }
      }
    }
  }
}
