#result {
  display: none;
  background-color: whitesmoke;
  width: 80%;
  text-align: center;
  border-radius: 20px;
}

#shareResult {
  background-color: whitesmoke;
  width: 80%;
  text-align: center;
  border-radius: 20px;
}

.resultname {
  font-size: 30px;
  color: rgb(153, 104, 41);
  font-weight: bold;
}

.resultDesc {
  font-size: 18px;
}

.resultSugg {
  font-size: 18px;
  color: rgb(206, 53, 53);
}

.kakao {
  color: #000000;
  background-color: #fee500;
  font-size: 18px;
  border: 0px;
  border-radius: 20px;
}

.kakao:hover,
.kakao:focus {
  background-color: whitesmoke;
  color: #fee500;
}

.gohome {
  color: whitesmoke;
  background-color: rgb(139, 100, 49);
  font-size: 18px;
  border: 0px;
  border-radius: 20px;
}

.gohome:hover,
.gohome:focus {
  background-color: whitesmoke;
  color: rgb(139, 100, 49);
}

.replay {
  color: whitesmoke;
  background-color: rgb(139, 100, 49);
  font-size: 18px;
  border: 0px;
  border-radius: 20px;
}

.replay:hover,
.replay:focus {
  background-color: whitesmoke;
  color: rgb(139, 100, 49);
}

.copyurl {
  color: whitesmoke;
  background-color: grey;
  font-size: 18px;
  border: 0px;
  border-radius: 20px;
}

.copyurl:hover,
.copyurl:focus {
  background-color: whitesmoke;
  color: grey;
}