body{

margin:0;

font-family:
"Noto Sans JP",
sans-serif;

background:#fff5f7;

}


.quiz-box{

max-width:600px;

margin:50px auto;

background:white;

padding:40px 30px;

border-radius:25px;

text-align:center;

box-shadow:0 10px 30px rgba(0,0,0,.1);

}


h1{

color:#8b1e3f;

}


.choice{

padding:15px;

margin:15px 0;

border:2px solid #e6a0b5;

border-radius:30px;

cursor:pointer;

transition:.3s;

}


.choice:hover{

background:#ffe5ed;

}


.choice.selected{

background:#8b1e3f;

color:white;

}


button,
.btn{

display:inline-block;

margin-top:25px;

padding:15px 45px;

border-radius:30px;

background:#fcb900;

color:white;

border:none;

text-decoration:none;

cursor:pointer;

}


#result{

display:none;

}


#result h3{

color:#fcb900;

font-size:24px;

}