body {
  background-color: black;
  margin: 0;
}

.main {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
}

.content-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 100vh;
  min-width: 100vw;
  background-image: url("/images/purplefloral.png");
}

.content-wrapper a {
  display: flex;
  justify-content: center;
}

#entrance {
  height: auto;
  width: 25vw; 
  border: 2vmin solid white; 
}

#info {
  color: rgb(166, 129, 170);
  font-size: 3vmin;
}

#flower1 {
  height: 20vw;
  width: auto;
  position: absolute;
  left: 20vw;
  top: 20vh;
}

#flower2 {
  height: 15vw;
  width: auto;
  position: absolute;
  left: 55vw;
  top: 19vh;
}

#flower3 {
  height: 25vw;
  width: auto;
  position: absolute;
  left: 53vw;
  top: 43vh;
}

#flower4 {
  height: 15vw;
  width: auto;
  position: absolute;
  left: 30vw;
  top: 64vh;
}

#click {
  height: 25vw;
  width: 25vw; 
  position: absolute;
  top: 13vw;
}

#helloworld {
  height: 23vw;
  width: 20vw; 
  position: absolute;
  top: 11vw;
  left: 39vw;
  
}