@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff);

#result{
    display: none;
    background-color: white;
    width: 100%;
    text-align: center;
    font-family: 'NanumSquare', sans-serif;
    
}

#shareResult{
    background-color: white;
    width: 100%;
    text-align: center;
    font-family: 'NanumSquare', sans-serif;
}

#head1{
    font-size: 30pt;
}

#head2{
    font-size: 35px;
    font-weight: bold;
}

hr{
    width: 35%;
}

.result_name,
.totalReco{
    font-size: 28px;
    margin-top: 30px;
}

.result_tag,
.reslut_posotive_tag,
.reslut_negative_tag{
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #ef8e23;
    font-weight: bold;
}


.result_name{
    font-size: 28px;
    margin-top: 30px;
}

#result_positive_Image,
#result_negative_Image{
    padding-left: 50px;
    padding-right: 50px;
}

#share,
#restart,
#gohome{
    background: #ef8e23;
    color: white;
    border: 2px solid;
    /* padding: 0.7em 1em; */
    font-size: 27px;
    border-radius: 24px;
    font-family: 'NanumSquare', sans-serif;
    height: auto;
    /* transition: color 2s, border-color 0.25s, box-shadow 0.25s, transform 0.25s; */
}

#share:hover,#share:focus {
    background-color: white;
    color: #ef8e23;
}

#restart:hover,#restart:focus {
    background-color: white;
    color: #ef8e23;
}

#gohome:hover,#gohome:focus {
    background-color: white;
    color: #ef8e23;
}


.best,
.worst{
    font-size: 30px;
    font-weight: bold;
}

.reslut_posotive,
.reslut_negative{
    font-size: 24px;
    margin-top: 30px;
}

#totalReco{
    font-size: 27px;
    font-style: bold;
}

#ruruci{
    font-family: 'GyeonggiTitleM' ;
    color: #ef8e23;
}

#ruci_1{
    font-family:  'NanumSquare', sans-serif;
    color: #ef8e23;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 100px;
  width: 100px;
  outline: rgba(0, 0, 0, 0);
  background-size: 100%, 100%;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0);
  background-image: none;
}


.carousel-control-next-icon:after
{
  content: '>';
  font-size: 35px;
  color: #ef8e23;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 35px;
  color: #ef8e23;
}