.main {
  height: 100vh;
  touch-action: pan-x pan-y;
}

.eventsList {
  position: absolute;
  top: var(--headerHeight);
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.eventsListItem {
  flex: 1 1 50%;
  height: calc(100vh - var(--headerHeight) - var(--footerHeight));
  margin: 0;
  padding: 24px 0;
  font-size: 32px;
  text-align: center;
  list-style-type: none;
}

.eventsListItem.year2026:hover {
  background-color: rgba(197, 45, 56, 0.1);
}

.eventsListItem.year2025:hover {
  background-color: rgba(80, 182, 78, 0.1);
}

.eventsLink {
  text-decoration: none;
}

.eventsFigure {
  margin: 0;
  padding: 0;
}

.eventsImage {
  height: calc(100vh - var(--headerHeight) - var(--footerHeight) - 180px);
  aspect-ratio: 1027 / 683;
}

.eventsListItem.year2026 .eventsFigcaption {
  color: rgb(197, 45, 56);
}

.eventsListItem.year2025 .eventsFigcaption {
  color: rgb(80, 182, 78);
}

:is(.appMenuButton, .mainMenuButton) {
  pointer-events: none;
}

:is(.mainMenuContainer, .appMenuContainer) {
  display: none;
}

@media screen and (width < 1665px) {
  .main {
    height: calc(90vw * (683 / 1027) * 2.8);
  }

  .eventsListItem {
    height: auto;
  }

  .eventsImage {
    width: 90vw;
    height: auto;
    aspect-ratio: 1027 / 683;
  }
}

@media screen and (width < 1080px) {
  .main {
    height: calc(90vw * (683 / 1027) * 3.3);
  }
}

@media screen and (width < 640px) {
  .main {
    height: calc(90vw * (683 / 1027) * 3.8);
  }
}