:root {
  font-family: "courier-std", monospace;
  font-weight: 400;
  font-style: normal;
}

h1 {
  color: #0973b9;
  font-family: "fairwater-solid-serif", sans-serif;
  font-weight: 400;
  font-style: normal;
}

h2,
h3,
h4,
h5,
h6 {
  color: #0973b9;
  font-family: "courier-std", monospace;
  font-weight: 700;
  font-style: italic;
}

.flowers-btm {
  display: grid;
  grid-template-columns: 80px 1fr 80px;
  grid-template-areas: "left middle right";
  width: 100%;
}

.flowers-top {
  display: grid;
  grid-template-columns: 1fr 1fr 80px;
  grid-template-areas: "left middle right";
  width: 100%;
  margin-bottom: 20px;
  align-items: center;
}

.flower-right {
  grid-area: right;
}

.flower-left {
  grid-area: left;
}

.dancing-couple {
  display: none;
}

.back-button {
  grid-area: left;
}

@media (min-width: 1024px) {
  .main {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    width: 100%;
  }
  .dancing-couple {
    display: initial;
    align-self: center;
    margin-right: 100px;
  }
}