body {
    background-color: #f8f9fa;
}

header {
    background-color: #212529;
    color: white;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

header img {
    height: 48px;
}

.cta-button {
    font-size: 1.5rem;
    padding: 1rem 2rem;
    margin: 1rem auto;
    display: block;
}

footer {
    text-align: center;
    padding: 2rem;
    font-size: 0.9rem;
    color: #6c757d;
}

header > div > div {
    font-variant: small-caps;
    font-size: 2.5rem;
    font-weight: 500;
}

main h1 {
    padding-top: 1rem;
}

ul.checklist li {
  list-style: none;
  position: relative;
  padding-left: 1.5em;
}

ul.checklist li::before {
  content: '✅';
  position: absolute;
  left: 0;
}

header a,
header a:link,
header a:visited,
header a:hover,
header a:active {
  text-decoration: none !important;
  color: inherit !important;
}

.feedback-btn-float {
    float: right;
}

@media (max-width: 575.98px) {

    header > div > div {
        font-variant: small-caps;
        font-size: 1.5rem;
        font-weight: 500;
    }

    .feedback-btn-float {
        display: none;
    }
    
}