:root {
  --background-color: #f9f6ec;
  --background-color-secondary: #a6a6a6;
}

a,
button {
  color: black !important;
}

.dropdown-menu a {
  color: white !important;
}
.logoImage {
  filter: invert(1);
}

button {
  border: 1px solid black !important;
}

.headerContainer {
  background: none;
}

.registerContainer {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  max-width: 70rem;
  margin-top: 10rem;
  margin-bottom: 15rem;
  text-align: center;
  gap: 2rem;
}

.registerContainer h1 {
  font-size: 10rem;
  color: black;
  font-family: var(--font-noto);
  font-weight: 400;
  text-transform: uppercase;
}

.registerContainer p {
  font-size: 1.8rem;
  color: black;
  font-family: var(--font-lato);
  font-weight: 100;
}

.galery {
  display: flex;
  width: 100vw;
  height: 95vh;
}

.galerycontainer {
  display: flex;
  flex: 1;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.galerycontainer h1:nth-child(3) {
  margin-bottom: 4rem;
}

.galerycontainer img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  top: 2px;
  filter: brightness(0.6);
}

.galeryTitle {
  font-size: 6rem;
  color: white !important;
  font-family: var(--font-noto);
  font-weight: 100 !important;
  text-align: center;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
}

.galerydescription {
  font-size: 1.8rem;
  color: white !important;
  font-family: var(--font-lato);
  font-weight: 100 !important;
  text-align: center;
  max-width: 30rem;
}