/* line 1, ../src/top.sass */
body {
  background-color: #311296;
  overflow: hidden;
}

/* line 4, ../src/top.sass */
#bg {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  opacity: 1;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.11, #311296), color-stop(0.67, #8f26ff), color-stop(0.84, #9d42ff));
  background-image: -moz-linear-gradient(center bottom, #311296 11%, #8f26ff 67%, #9d42ff 84%);
}
/* line 14, ../src/top.sass */
#bg img {
  width: 100%;
  height: 100%;
}

/* line 17, ../src/top.sass */
#plant1 {
  z-index: -2;
  position: fixed;
  left: -200px;
  bottom: 0;
}

/* line 22, ../src/top.sass */
#plant2 {
  z-index: -2;
  position: fixed;
  right: -200px;
  bottom: 0;
}

/* line 27, ../src/top.sass */
.cloudleft {
  background-image: url(/static/other_rooms/img/cloudz1.png);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 600px;
  height: 400px;
  opacity: 0.7;
  pointer-events: none;
  z-index: -1;
}

/* line 37, ../src/top.sass */
.cloudright {
  background-image: url(/static/other_rooms/img/cloudz2.png);
  position: fixed;
  bottom: 0;
  right: 0;
  width: 600px;
  height: 400px;
  opacity: 0.8;
  pointer-events: none;
  z-index: -1;
}

/* line 47, ../src/top.sass */
.shimmer {
  margin: 0 0 -20px 0;
  opacity: 0.5;
}

/* line 50, ../src/top.sass */
.shimmer2 {
  margin: 0 0 -40px 0;
  opacity: 0.5;
}