.project-geoquiz .project-panel::after {
  content: "";
  position: absolute;
  right: 40px;
  top: 76px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 1px solid rgba(56, 102, 47, 0.16);
  background:
    radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.28), transparent 18%),
    radial-gradient(circle at 50% 50%, rgba(121, 182, 111, 0.28), transparent 62%);
}

.project-geoquiz .project-side {
  background:
    radial-gradient(circle at 25% 20%, rgba(255, 255, 255, 0.78), transparent 18%),
    linear-gradient(160deg, rgba(243, 255, 239, 0.98), rgba(138, 197, 106, 0.58) 42%, rgba(54, 103, 73, 0.84));
}

html[data-theme="dark"] .project-geoquiz .project-side {
  background:
    radial-gradient(circle at 25% 20%, rgba(255, 255, 255, 0.12), transparent 18%),
    linear-gradient(160deg, rgba(18, 37, 26, 0.98), rgba(43, 89, 48, 0.82) 42%, rgba(17, 56, 75, 0.88));
}

.project-geoquiz .notes-box {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0)),
    rgba(239, 255, 234, 0.58);
}

html[data-theme="dark"] .project-geoquiz .notes-box {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)),
    rgba(17, 33, 23, 0.58);
}