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

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

.resultname1 {
  font-size: 26px;
}

.resultDesc1 {
  font-size: 20px;
  color: rgb(163, 41, 41);
  vertical-align: top;
}
.resultname2 {
  font-size: 26px;
}

.resultDesc2 {
  font-size: 20px;
  color: rgb(163, 41, 41);
  vertical-align: top;
}
.resultname3 {
  font-size: 26px;
}

.resultDesc3 {
  font-size: 20px;
  color: rgb(163, 41, 41);
  vertical-align: top;
}
.resultname4 {
  font-size: 26px;
}

.resultDesc4 {
  font-size: 20px;
  color: rgb(163, 41, 41);
}


.resultNotes1 {
  font-size: 20px;
}

.resultNotes2 {
  font-size: 20px;
}

.resultNotes3 {
  font-size: 20px;
}



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

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

.refreshBtn {
  color: white;
  background-color: #2179dd;
  font-size: 20px;
  border: 0px;
  border-radius: 20px;
}

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