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

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





.resultDesc{
  font-size: 13px;
  font-style: italic;
  padding: 5px;
}

.resultExplain{
  font-weight: 500;
  color: black;
  font-size: 15px;
  padding: 40px 20px 20px 20px;
  letter-spacing: 0.03rem;
  line-height: 1.6em;
}



.resultname{
  font-size: 18px;
  font-weight: 900;
  font-style: italic;
}


.resultname000{
  color:#F3829E;
}

.resultname001{
  color:#65C1DA;
}

.resultname002{
  color:#58A47D;
}

.resultname003{
  color:#F3815D;
}

.resultname004{
  color:#F16566;
}

.resultname005{
  color:#826FB1;
}

.resultname006{
  color:#57BFB8;
}

.resultname007{
  color:#8CBF62;
}





.traveler {
 font-size: 20px;
}

.traveler_p {
  font-size: 13px;
 }

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

.kakao:btn btn-outline-danger, .kakao:focus {
  transform: scale(1.2);
}


.insta{
  background-color: white;
  font-size: 20px;
  border: 0px;
  border-radius: 10px;
}
.insta:hover, .insta:focus, .kakao:hover {
  transform: scale(1.2);
}


/*#F03333   #cdf0f1*/


.gohome{
  color: white;
  background-color: #F03333;
  font-size: 15px;
  font-weight: 700;
  border: 0px;
  border-radius: 10px;
  border: dotted white 1px;
}

.gohome:hover, .gohome:focus {
  background-color: white;
  color: #F03333;

}


.head {
  background-color: #cdf0f1;
  border-radius: 10px 10px 0px 0px;
  padding: 10px 0px 10px 0px;
}

.body {
  background-color: #F03333;
  border-radius: 0px 0px 10px 10px;
}


.resulthead {
  background-color: #F03333;
  color: white;
  border-radius: 10px 10px 0px 0px;
  padding: 5%;
}

.resultbody {
  background-color: white;
  border-radius: 0px 0px 10px 10px;
  padding: 5%;
}