<style>
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&family=Noto+Sans+JP&display=swap');
</style>

body {
    /* font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif; */
    font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Noto Sans JP', sans-serif;
}

h1,h2,h3 {
   font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif; */
}

h2 {
    border-bottom: 1px solid #99a4af;
}

ul li, ol li {
    /* margin: 20px; */
    padding: 1em;
    list-style-position: inside;
}

ol.answers {
    list-style: upper-alpha;
}

ol.answers li:hover {
    border: 0.1em solid #1e366a;
    background-color: #e5ecfc;
    padding: 0.9em;
    cursor: pointer;
}

span#correct-answer {
    font-weight: bold;
    /* color: chocolate; */
}

div#section-correct-answer {
    display: none;
}

#main {
    padding: 0 1.5em;
}

div.section {
    margin-top: 2em;
}
