:root {
  --footer-height: 124px;
  --gallery-vertical-spacing: 48px;
}

body ::-webkit-scrollbar {
  width: 0 !important
}

body {
  background-image: url("/img/background.png");
  background-size: cover;
  background-attachment: fixed;
  -ms-overflow-style: none !important;
  overflow: -moz-scrollbars-none;
}

.main-title {
  position: absolute;
  left: 50%;
  top: 40%;
  -webkit-transform: translate(-50%, -40%);
  transform: translate(-50%, -40%);
  white-space: nowrap;
}

.main-title * {
  margin: 0;
  text-align: center;
}

.main-title h1 {
  font-size: 108px;
}

.main-title h2 {
  font-size: 50px;
}

.nav {
  position: fixed;
  bottom: 0;
  background: #f2f2f2;
  margin: 0 0 0 -8px;
  text-align: center;
  padding: 24px calc((100% - (180px * 5 + 80px * 4)) / 2);
}

.nav .nav-container {
  display: grid;
  grid-template-columns: repeat(5, minmax(180px, auto));
  gap: 80px;
}

.nav .nav-container a {
  text-align: center;
  padding: 10px;
  text-decoration: none;
  font-size: 50px;
}

.gallery-container {
  margin: 24px auto;
  width: 75%;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(40%, auto));
  gap: 40px;
  padding-bottom: var(--footer-height);
}

.gallery a > img {
  width: 100%;
  filter: drop-shadow(0 0 0.5rem gray);
}