:root {
    --htl-green: rgb(27, 188, 156);
    --htl-gray: rgb(248, 248, 248);
}

.footer-container {
    background-color: #2E3033;
    max-width: 100%;    
}

.footer-container .text-body-secondary {
    color: white !important;
}

.footer-container .text-body-secondary:hover {
    text-decoration: underline;
}

.img-margin{
    margin-top: 3rem;
    margin-bottom: 3rem;
}

video {
    width: 100%;
    max-height: calc(100vh - 230px);
    object-fit: contain;
}

@media (max-width: 992px) {
    video {
        max-height: calc(100vh - 300px);
    }
}

body {
    background-color: var(--htl-gray);
}

header {
    border-bottom: 3px solid var(--htl-green) !important;
    background-color: white;
}

.jumbotron {
    padding: 4rem 2rem;
}

.jumbotron-heading{
    margin-bottom: 2rem;
}

.card-title {
    border-bottom: 3px solid var(--htl-green);
}

#question-style {
    border-bottom: 2px solid var(--htl-green) !important;
}

#scroll-progress-bar {
    background-color: var(--htl-green);
}