body {
  background-image: url("https://i.pinimg.com/736x/e7/cd/12/e7cd123699cd1ef764ab917f14141b66.jpg");
  overflow-x: hidden;
}

.header {
  position: absolute;
  width: 800px;
  height: 200px;
  margin-left: 400px;
}

.text {
  color: rgb(142, 156, 194);
  position: fixed;
  margin-top: 170px;
  margin-left: 100px;
  font-size: 25px;
  width: 150px;
}

.hosonodolly {
  position: fixed;
  margin-top: 300px;
  margin-left: 50px;
  height: 300px;
}

.button {
  position: fixed;
  font-weight: bold;
  margin-top: 620px;
  margin-left: 75px;
  background-color: rgb(255, 170, 105);
  color: white;
  border: none;
  width: 167px;
  height: 30px;
}

.button:hover {
  background-color: rgb(255, 211, 88);
  color: blue;
}

.shrine1 {
  position: absolute;
  margin-top: 210px;
  margin-left: 380px;
}

.shrine2 {
  position: absolute;
  margin-top: 210px;
  margin-left: 710px;
}

.shrine3 {
  position: absolute;
  margin-top: 210px;
  margin-left: 1090px;
}

.rotate {
  position: absolute;
  margin-top: 210px;
  margin-left: 310px;
  margin: 30px;
  transition: transform .5s;
}

.rotate:hover {
  transform: scale(1.15) rotate(10deg);
  transform-origin: 50% 50%;
  box-shadow: 0 0 5px 10px rgb(255, 189, 66); 
}