.enolTitle {
  font-size: 30px;
  font-weight: 700;
  position: relative;
  left: 41%;
  top: 0px;
  width: 500px;
  padding-top: 2%;
  padding-bottom: 2%;
  font-family: fantasy;
  color: #000;
}

.autorotate {
  display: block;
  padding: 5px;
  background-color: #86c840;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}
.demo {
  font-size: 11px;
  margin: 20px;
}
.zoomDiv {
  display: none;
  position: absolute;
  left: 2%;
  flex-direction: column;
}

.box {
  display: inline-block;
  background: linear-gradient(25deg, #f13f79, #ffc778);
  color: white;
  font-size: 25px;
  padding: 40px;
  width: 300px;
  height: 300px;
}

.btn {
  width: 35px;
  height: 35px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #000;
  padding: 19px 15px 5px;
  text-align: center;
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  transition: all 0.3s ease;
  z-index: 1;
  margin: 15px;
}
.btn:hover {
  background: #eef;
}

.zoom {
  bottom: 190px;
}

.zoom-out {
  bottom: 120px;
}
.zoom-init {
  bottom: 50px;
}
.InnerContainer {
  display: flex;
}
.Instructions {
  position: absolute;
  top: 15%;
  width: 25%;
  height: 40%;
  font-size: 21px;
  font-family: fantasy;
  color: indianred;
}
#view360 {
  position: absolute;
}