@import url("https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap");

body {
  line-height: 1.5rem;
  text-align: center;
  font-family: "Kosugi Maru", sans-serif;
  font-size: 15px;
}
#yusaburiBtn {
  border-style: none;
  border-radius: 5px;
  padding: 10px 30px;
  background: #373675;
  color: #fff;
  font-family: "Kosugi Maru", sans-serif;
  font-size: 25px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s;
}
#yusaburiBtn:hover {
  background: #41648c;
}

.small {
  font-size: 12px;
  color: #41648c;
}

#yusaburiImg {
  width: 90%;
  height: auto;
  transition: 1s;
}

.buruburu {
  text-align: center;
  animation: buruburu-img 0.1s infinite;
}
@keyframes buruburu-img {
  0% {
    transform: translate(0px, 0px);
  }
  25% {
    transform: translate(10px, 10px);
  }
  50% {
    transform: translate(0px, 10px);
  }
  75% {
    transform: translate(10px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}

.rotate-180 {
  transform: rotate(-180deg);
}

.yusaburiResultInner0,
.yusaburiResultInner1,
.yusaburiResultInner2,
.yusaburiResultInner3 {
  width: fit-content;
  height: fit-content;
  margin: 10px;
  padding: 10px;
  line-height: 75px;
  text-align: center;
  font-size: 45px;
  font-weight: bold;
  color: #eeef99;
  text-shadow: 3px 3px 0 rgba(255, 0, 0, 0.3);
  background: radial-gradient(#a6619a, #eeef99);
  border: 1px solid #ba5054;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.yusaburiResultInner0 {
  transition: all 1.5s;
}
.yusaburiResultInner0:hover {
  transform: rotate(720deg);
}

.yusaburiResultInner1 {
  transition: 0.5s;
}
.yusaburiResultInner1:hover {
  transform: translate(0px, 50px);
}

.yusaburiResultInner2:hover {
  animation: buruburu-text 0.1s infinite;
}
@keyframes buruburu-text {
  0% {
    transform: translate(0px, 0px);
  }
  25% {
    transform: translate(2.5px, 2.5px);
  }
  50% {
    transform: translate(0px, 2.5px);
  }
  75% {
    transform: translate(2.5px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}

.yusaburiResultInner3 {
  transition: all 4.5s;
}
.yusaburiResultInner3:hover {
  transform: scale(0, 0);
}