@import url(https://fonts.googleapis.com/css?family=Great+Vibes);

html {
  height: 100%;
  background: 50% 50% no-repeat;

}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100;
}


.haiku {
  position: absolute;
  top: 5;
  left: 115px;

  writing-mode: vertical-rl;

 font-family: "Yu Mincho", "Hiragino Mincho ProN", "MS Mincho", serif;

  font-size: 32px;
  line-height: 2.2;

  color: #af0c0f;

  letter-spacing: 0.08em;
 
  font-weight: 500;
  user-select: none;
}



.haiku2 {
  position: absolute;
  top: 5;
  left: 85px;

  writing-mode: vertical-lr;


  font-family: "Yu Mincho", "Hiragino Mincho ProN", "MS Mincho", serif;

  font-size: 32px;
  line-height: 2.2;

  color: #af0c0f;

  letter-spacing: 0.08em;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.15));
  font-weight: 500;
  user-select: none;
}



#scene {
  position: relative;
  width: 100vw;
  height: 100;

  z-index: -10;
}



.simple {
  position:absolute ;
    left: 300px ;
    top: 200px ;
  z-index: -1;
  height: 20em;
  background-color: white;
  width: 80em;
  vertical-align: middle;
  overflow: scroll;
  white-space: pre;
}



.garden {
  font-family:times new roman; 
  font-weight:bold; 
  font-size:50px;
  letter-spacing:2px; 
  color:#b20202; 
  text-shadow: 0px 0px 5px; z-index:10;
  text-align: justify; }