various improvements

contact divs animate on hover
full div is clickable instead of just an a tag inside of it

styles.css

@@ -10,9 +10,6 @@ a {
     text-decoration: none;
     text-shadow: 0 0 5px;
 }
-.contact a {
-  color: white;
-}
 @font-face {
     font-family: "Open Sans";
     src: url(assets/OpenSans-Regular.ttf);
@@ -29,6 +26,23 @@ a {
     background-color: #232629;
     border-radius: 10px;
     text-align: center;
+    opacity: .9;
+    position: relative;
+    transition: opacity .5s;
+  }
+  .contact a {
+  z-index: 10;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  color: white;
+  position: absolute;
+}
+div.contact:hover {
+  opacity: 1;
+  cursor: hand;
+  cursor: pointer;
 }
 @media screen and (max-width:500px) {
     .contact {