@keyframes to-dark {
    from {
        background-color: #ffffff;
    }

    to {
        background-color: hsl(216, 15%, 20%);
    }
}

.dark-background {
    animation: to-dark 0.5s ease-out;
    animation-fill-mode: forwards;
}

.dark-body {
    color: var(--secondary);
}

.dark-img {
    background-color: rgba(0, 0, 0, 0.05);
    filter: invert(100%);
}

.no-filter {
    filter: none !important;
    background-color: rgba(256, 256, 256, 0.05)
}

.dark-subsection {
    color: var(--secondary);
}

.dark-title {
    color: var(--secondary);
}

.dark-chip {
    border-color: white;
}