add background colors to contacts

index.html

@@ -16,31 +16,31 @@
         <p>Email: cesium2349@protonmail.com (<a href=./pgp.txt>PGP Key</a>)
        <br>not an exhaustive list of my entire presence on the internet but stuff on this list is definitely me</p>
         
-        <div class=contact>
+        <div class=contact style="background-color: #475276;">
             <h3>Discord</h3>
             <p>Cesium#5061</p>
         </div>
-        <div class=contact>
+        <div class=contact style="background-color: #494949;">
             <h3>GitHub</h3>
             <p><a href="https://github.com/CesiumCs">CesiumCs</a></p>
         </div>
-        <div class=contact>
+        <div class=contact style="background-color: #5c4050;">
             <h3>Instagram</h3>
             <p><a href="https://instagram.com/c.es.ium/">c.es.ium</a></p>
         </div>
-        <div class=contact>
+        <div class=contact style="background-color: #674141;">
             <h3>YouTube</h3>
             <p><a href="https://www.youtube.com/channel/UCXPFpgA9G9_wtlyDeT7QAig">Cesium</a></p>
         </div>
-        <div class=contact>
+        <div class=contact style="background-color: #6b4633;">
             <h3>Reddit</h3>
             <p><a href="https://www.reddit.com/user/unfunnycesium">unfunnycesium</a></p>
         </div>
-        <div class=contact>
+        <div class=contact style="background-color: #394a7f;">
             <h3>Keybase</h3>
             <p><a href="https://keybase.io/cesium2349/">cesium2349</a></p>
         </div>
-        <div class=contact>
+        <div class=contact style="background-color: #3b617c;">
             <h3>Twitter</h3>
             <p><a href="https://twitter.com/cesium2349">cesium2349</a></p>
         </div>

styles.css

@@ -10,6 +10,11 @@ a {
     text-decoration: none;
     text-shadow: 0 0 5px;
 }
+.contact a {
+  color: white;
+  text-decoration: underline;
+  text-shadow: none;
+}
 @font-face {
     font-family: "Open Sans";
     src: url(assets/OpenSans-Regular.ttf);