wip smaller boxes for other contacts

styles.css

@@ -38,6 +38,31 @@ a {
     position: relative;
     transition: opacity .25s;
 }
+.othercontact {
+  float: left;
+  width: 170px;
+  padding: 0px;
+  margin: 0px 10px 10px 0px;
+  background-color: #232629;
+  border-radius: 10px;
+  text-align: center;
+  opacity: .9;
+  position: relative;
+  transition: opacity .25s;
+} .othercontact a {
+  z-index: 10;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  opacity: 0;
+  position: absolute;
+} div.othercontact:hover {
+  opacity: 1;
+}
+
+
+
   /* some hacky shit to make <div class=contact>s clickable. basically just makes
   an <a> in a <div class=contact> take up the full div */
 .contact a {