@import url('../base.css');

/* Gate page styles */
.gate-page {
  position: relative;
  background-attachment: fixed; /* ensures the background image stays fixed to the viewport*/
  background-image: url("../../assets/images/tree.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100vw;
}

/* Tree text link styles */
.tree-text {
  color: white;
  font-family: "Indie Flower", cursive;
  position: absolute;
  right: 0;
  text-decoration: none;
  width: 100px;
}

/* Styling the versicle */
.versicle  {
  position: absolute;
  color: white;
  font-family: "Love Light", cursive;
  font-style: italic;
  font-size: 5vw;
  width: 35vw;
  left: 6vw;
  top: 8vw;
}

.versicle-word {
  color: darkseagreen;
  position:sticky;
}

.paper-plane {
  position: absolute;
  top: 25vw;
  left: 40vw;
  width: 5rem;
  height: 5rem;
  text-align: center;
}

.paper-plane img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}