.social-icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
}

.blog-icon {
    content: url('/icons/blog-black.svg');
}
.github-social-icon {
    content: url('/icons/github-mark.svg')
}

.itchio-social-icon {
    content: url('/icons/itchio-textless-logo-black.svg')
}

@media (prefers-color-scheme: dark) {
    .blog-icon {
        content: url('/icons/blog-white.svg');
    }

    .github-social-icon {
        content: url('/icons/github-mark-white.svg')
    }  
    
    .itchio-social-icon {
        content: url('/icons/itchio-logo-textless-white.svg')
    } 
}