+.site-footer {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ justify-content: space-around;
+ align-items: stretch;
+ align-content: stretch;
+}
+
+.site-footer .columns {
+ width: 30%;
+ display: block;
+ flex-grow: 0;
+ flex-shrink: 1;
+ flex-basis: auto;
+ align-self: auto;
+ order: 0;
+}
+
+.social-links ul li {
+ display: inline-block;
+ margin: 1em;
+ padding: 0.5em;
+ background-color: var(--fg);
+ color: var(--bg);
+}
+
+.social-links ul li.spotify a {
+ color: var(--spotify);
+}
+.social-links ul li.twitter a {
+ color: var(--twitter);
+}
+.social-links ul li.instagram a {
+ color: var(--instagram);
+}
+.social-links ul li.github a {
+ color: var(--github);
+}
+