html, body {
    font-size: 16px;
}

.header .logo img {
    max-height: 36px;
    margin-right: 8px;
    filter: invert(1);
}

.hero {
    min-height: 60vh;
}

@media (min-width: 1200px) {
    .header .logo img {
        max-height: 48px;
    }
}

.about .content ul li {
    list-style-type: "\f26b";
    padding-inline-start: 8px;
}
    .about .content ul li::marker {
        font-family: 'bootstrap-icons';
        font-size: 1.25rem;
        color: var(--accent-color);
    }

section li:has(h4)::marker {
    font-size: 1.5rem;
}

section ul, section ol {
    padding-left: 2.6rem !important;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .form-group:has(input[type="submit"]) {
        flex-direction: row;
        justify-content: flex-end;
    }
    .form-group textarea {
        height: 12rem;
        resize: none;
    }
    .form-group input[type="submit"] {
        width: 92px;
    }