.site-content a.btn {
    color: #fff;
    float: right;
    margin-right: 0 !important;
}
label {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    color: #858796;
    text-align: left;
}
.form-check-input {
    margin-top: 0.5rem;
}
.card-header h6 {
    line-height: 1.5;
}
p.time-to-answer {
    float: left;
    margin: 0;
    font-size: 16px;
    line-height: 2.4;
}
p.time-to-answer span {
    font-weight: bold;
}

.question-outer, .answer-explanation, #quiz-summary {
    display: none;
}
#quiz-summary h6 span {
    font-weight: bold;
}
.btn.disabled, .btn:disabled {
    opacity: 0.3;
}



#quiz-summary .card-body {
    position: relative;
}
@keyframes confettiRain {
    0% {
        opacity: 1;
        margin-top: -100vh;
        margin-left: -200px;
    } 

    100% {
        opacity: 1;
        margin-top: 100vh;
        margin-left: 200px;
    }
}

.confetti {
    opacity: 0;
    position: absolute;
    width: 1rem;
    height: 1.5rem;
    transition: 500ms ease;
    animation: confettiRain 5s infinite;
}

#confetti-wrapper {
    overflow: hidden !important;
}

.emoji {
    display: block;
    text-align: center;
    font-size: 5rem;
    line-height: 5rem;
    transform: scale(0.5);
    animation: scaleCup 2s infinite alternate;
}  
@keyframes scaleCup {
    0% {
        transform: scale(0.6);
    } 

    100% {
        transform: scale(1);
    }
}