body {
    font-family: Verdana, Geneva, sans-serif
}

html {
    scroll-behavior: smooth;
    margin-left: 1rem;
    margin-right: 1rem;
}

div.main {
    max-width: 40rem;
    margin: auto;
}


.checkbox-lg .custom-control-label::before,
.checkbox-lg .custom-control-label::after {
    top: 0rem;
    width: 1.55rem;
    height: 1.55rem;
}

.checkbox-lg .custom-control-label {
    margin-left: 2.5rem;
    padding-top: 0.2rem;
    padding-left: 1rem;
    font-size: 12pt;
}

.question {
    margin-left: 2.5rem;
    padding-top: 0.0rem;
    padding-left: 1rem;
    font-size: 12pt;
}
.answer {
    font-size: 12pt;
    font-weight: 600;
    margin-left: auto;
}
.explain {
    font-size: 12pt;
}
.footer{
    color: rgb(107, 105, 105);
}


.card-header .fa {
    margin-left: -1.5rem;
    transition: .3s transform ease-in-out;
}

.card-header .collapsed .fa {
    transform: rotate(-90deg);
}