#result{
    display:none;
    background-color: whitesmoke;
    width: 80%;
    text-align: center;
    /* main의 테두리를 둥글게 */
    border-radius: 20px;
}

/* 공유하는 페이지는 display가 none이면 안됨 */
#shareresult{
    background-color: whitesmoke;
    width: 80%;
    text-align: center;
    /* main의 테두리를 둥글게 */
    border-radius: 20px;
}
.resultname{
    font-size: 26px;
}
/* <p>의 폰트크기 */
.resultDesc{
    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;
}

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

/* 버튼이 마우스 위에 올려졌을 때 */
.gohome:hover, .gohome:focus{
    background-color:whitesmoke;
    color:pink;
}