nav ul li:nth-child(4) a {
  color: var(--green);
}

.right .image-container {
  background-image: url("../../assets/images/hero-cafe.webp");
}

.left h1::before {
  content: "CAFÉ";
}

.left .left-container {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 1.5rem;
}

.left .cafe-timing {
    border: 1px solid var(--green);
    border-radius: 0.5rem;
    padding: 1rem 2rem;
    display: flex;
    gap: 1rem;
}