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

    to {
        background-color: #ffffff;
    }
}

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

.light-title {
    color: var(--primary);
}

.light-subsection {
    color: var(--primary);
}

.light-body {
    color: var(--primaryu);
}

.light-img {
    background-color: rgba(255, 255, 255, 0.5);
}

/************ LIGHT MODE ATTRIBUTES ************/
@keyframes to-light {
    from {
        background-color: hsl(216, 15%, 20%);
    }

    to {
        background-color: #ffffff;
    }
}

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

.light-title {
    color: var(--primary);
}

.light-subsection {
    color: var(--primary);
}

.light-body {
    color: var(--primary);
}

.light-img {
    background-color: rgba(255, 255, 255, 0.5);
}