main > .container {
    padding: 60px 15px 0;
}

.bg-logo {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url("../images/wtfpl-logo-c20L-_h.png");
    background-size: contain;
    background-repeat: no-repeat;
}
.landing-icon {
    filter: drop-shadow(0 0 24px rgba(89, 251, 234, .45));
}

/* The hexagon cyan of the icon; a darker teal on light backgrounds */
.landing-accent {
    color: #0e9e8f;
}

[data-bs-theme="dark"] .landing-accent {
    color: #59fbea;
}

.landing-feature {
    transition: transform .15s ease-in-out, box-shadow .15s ease-in-out;
}

.landing-feature:hover {
    transform: translateY(-3px);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}