* {
  margin: 0%;
  padding: 0%;
  box-sizing: border-box;
}

.body {
  background-attachment: fixed;
  background-image: url("background.png");
  background-size: 100%
}

.main {
  background-color: transparent;
}

.home, .social, .end {
  width: 100vw;
  height: 100vh;
}

.home {
  display: flex;
  align-items: center;
  background-color: transparent;
}

.social {
  background-color: antiquewhite;
}

.end {
  background-color: blue;
}

.middle {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 40vh;
  background-color: transparent;
}

.title {
  background-color: #9d4869;
  width: 100vw;
  height: 35vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu {
  width: 100vw;
  height: 5vh;
  display: flex;
  flex-direction: row;
}

.menu-section1, .menu-section2, .menu-section3, .menu-section4, .menu-section5 {
  width: 20vw;
  height: 5vh;
  display: flex;
  background-color: transparent;
}

.menu-section1 {
  align-items: center;
  justify-content: center;
}

.menu-section2 {
  align-items: center;
  justify-content: flex-start;
}

.menu-section3 {
}

.menu-section4 {
  align-items: center;
  justify-content: flex-end;
  
}

.menu-section5 {
  align-items: center;
  justify-content: center;
}

.mao_falling {
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
}

.korolla {
  color: white;
  font-family: "Abril Fatface", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2000%;
}

.options {
  color: black;
  font-family: "Abril Fatface", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 200%;
}