body {
  background: linear-gradient(-180deg, deepskyblue, lightskyblue, cornsilk, lightgreen, green);
  background-size: 100vw;
  /*background-size: 400% 400%;*/
  height: 100vh;
  /*animation: 4s gradient ease infinite;*/
  
  /*font-family: "League Script", cursive;*/
  font-family: Times New Roman, serif;
  /*font-style: italic;*/
  text-align: center;
  font-size: 13pt;
  color: midnightblue;
}

body h2 {
  padding: 2em;
  color: cornsilk;
}


#butterfly1 {
  position: absolute;
  left: 15%;
  top: 40%;
  rotate: z 45deg;
}

#butterfly2 {
  position: absolute;
  left: 25%;
  top: 50%;
  rotate: z 45deg;
}

#butterfly3 {
  position: absolute;
  left: 35%;
  top: 40%;
  rotate: z 45deg;
}

#butterfly4 {
  position: absolute;
  left: 45%;
  top: 50%;
  rotate: z 45deg;
}

#butterfly5 {
  position: absolute;
  left: 55%;
  top: 40%;
  rotate: z 45deg;
}

#butterfly6 {
  position: absolute;
  left: 65%;
  top: 50%;
  rotate: z 45deg;
}

#butterfly7 {
  position: absolute;
  left: 75%;
  top: 40%;
  rotate: z 45deg;
  /*transition-property: ;*/
  /*transition-duration: 4s;*/
}

#a2, #b2, #c2, #d2, #e2, #f2, #g2 {
  font-style: italic;
  rotate: z -45deg;
  display: none;
}

#butterfly1:hover #a2, #butterfly2:hover #b2, #butterfly3:hover #c2, #butterfly4:hover #d2, #butterfly5:hover #e2, #butterfly6:hover #f2, #butterfly7:hover #g2 {
  display: block;
}

#butterfly1:hover #a1, #butterfly2:hover #b1, #butterfly3:hover #c1, #butterfly4:hover #d1, #butterfly5:hover #e1, #butterfly6:hover #f1, #butterfly7:hover #g1 {
  display: none;
}

/*#garden {*/
/*  display: grid;*/
/*  padding: 650px;*/
/*  grid-template-columns: 1fr 40px 1fr 1fr;*/
/*  grid-template-rows: 100px;*/
/*}*/

/*.cacti {*/
/*  width: 100px;*/
/*  height: 100px;*/
/*}*/

/*#road-ascii {*/
/*  min-width: 600px;*/
/*  max-width: 1000px;*/
/*}*/

/*#mountain {*/
/*  font-family: Monospace;*/

/*}*/