body {
    font-size: large;
}

h1 {
    background: #dfefff;
    border: dashed 2px #96c2fe;
    box-shadow: 0 0 0 5px #dfefff;
    margin-bottom: 1rem;
    padding: 0.2rem 0.5rem;
}

h2 {
    border-left: solid 5px #7db4e6;
    padding: 0.2rem 0.5rem;
}

h3 {
    border-bottom: dashed 2px #96c2fe;
    padding: 0.2rem 0.5rem;
    width: fit-content;
}

.separator {
    display: block !important;
    width: 100% !important;
    height: 1rem;
}

/* 色 */
.bd-yellow-100 {
    background: #fff3cd !important;
}

.bd-yellow-200 {
    background: #ffe69c !important;
}

.bd-yellow-300 {
    background: #ffda6a !important;
}

.bd-yellow-400 {
    background: #ffcd39 !important;
}

.bd-yellow-500 {
    background: #ffc107 !important;
}

.bd-orange-100 {
    background: #ffe5d0 !important;
}

.bd-orange-200 {
    background: #fecba1 !important;
}

.bd-orange-300 {
    background: #feb272 !important;
}

.bd-orange-400 {
    background: #fd9843 !important;
}

.bd-orange-500 {
    background: #fd7e14 !important;
}

/* サイズ */
.w-10 {
    width: 10% !important;
}