@media (prefers-color-scheme: dark) {
    body {
        --bs-body-color: #FFF;
        --bs-link-color-rgb: #FFF;
    }
}

header {
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
}

h1, h2, h4 {
    background: linear-gradient(60deg, #69F 10%, #F99 30%, #A6F 60%, #F00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h4, h6 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

figure {
    aspect-ratio: 1 / 1;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}