ul#social { height: 20px; list-style-type: none; margin-bottom: 1em; display: flex; justify-content: flex-start; }
ul#social li { display: inline-block; margin-right: 0.5em; }
ul#social li a { text-decoration: none; }
ul#social li a:hover { opacity: 0.7; }
ul#social li a svg { width: 20px; height: 20px; fill: var(--color); }
ul#social li a svg:hover {  /* fill: yellow; */ }