#title {
  font-size: 24px;
  font-weight: 400;
}

#resultText {
  background-color: white;
  border-radius: 3%;
  text-align: left;
  padding: 30px;
  font-size: 17px;
}

#A,
#B,
#C,
#D {
  font-size: 17px;
}

.container {
  max-width: 768px;
  display: block;
  text-align: center;
  background-color: whitesmoke;
}

#img {
  display: flex;
  object-fit: cover;
  width: 100%;
  box-sizing: border-box;
}

article {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: auto;
  background-color: whitesmoke;
  max-width: 760px;
}

.headerImg {
  max-width: 30px;
  display: flex;
  margin: auto;
  margin-top: 10px;
}

.question,
.result,
.loading {
  display: none;
}

#ShareResult {
  flex-direction: column;
  gap: 10px;
  margin: auto;
  background-color: whitesmoke;
}

#title {
  text-align: center;
  font-weight: bold;
}

.share {
  margin: 0 auto;
}

.progress-bar {
  width: calc(100 / 12 * 1);
}

#animal,
#explain {
  display: none;
}

.mainimg {
  display: flex;
  width: 100%;
  cursor: pointer;
}

.loading {
  height: 1000px;
}

.loadingimg {
  width: 40;
  height: 40px;
  display: block;
  margin: 0 auto;
}

.loadingclass {
  margin: 0 auto;
  margin-top: 200px;
  font-weight: bold;
}

.loadingText {
  text-align: center;
  font-weight: bold;
}

.instaButton {
  text-align: center;
  margin: auto;
  width: 350px;
  height: 90px;
}

/* 플친맺기 흐림 */
/* .resultImg {
  filter: blur(4px) brightness(50%);
  -webkit-filter: blur(4px) brightness(50%);
} */