#pages {
  text-align: center;
}

body {
  background: var(--background-color);
  background-image: url("../assets/images/desktop.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: right;
  background-position-y: top;
  background-attachment: fixed;
  min-width: 100vw;
}

section[data-name='homepage'] * {
  direction: rtl;
}

#logo {
  position: absolute;
  top: 30px;
  left: 30px;
  width: 15vw;
}

#wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 100vh;
}

#section { /* bottle & texts & golden title */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 80vw;
}

#bottle-and-text {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
}

#bottle {
  transform: scale(0);
  width: 16vw;
  margin-bottom: -5vh;
}

#texts {
  transform: scale(0);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  color: white;
  font-size: calc(5px + 2.7vw);
  align-self: flex-end;
  margin-bottom: calc(3vh + 2vw);
  letter-spacing: -2px;
  white-space: nowrap;
  text-align: right;
}

#text-1 {
  display: flex;
  flex-direction: column;
  border-bottom: 3px solid white;
  padding-bottom: 30px;
}

#text-1 span {
  margin-top: calc(1vh - 1vw);
  font-family: OpenSans-Bold, sans-serif;
}

#text-2 {
  font-family: OpenSans-Light, sans-serif;
  padding-top: 30px;
}

#gold-title {
  width: 40vw;
  margin-right: 2vw;
}

#warning {
  font-family: OpenSans-SemiBold, sans-serif;
  bottom: 2vh;
  border: 3px solid black;
  background-color: white;
  color: black;
  font-size: calc(5px + 1.3vw);
  padding: 6px 30px;
  white-space: nowrap;
  letter-spacing: -1px;
  align-self: center;
}