diff --git a/index.html b/index.html
index 1a62c4c..ff973d7 100644
--- a/index.html
+++ b/index.html
@@ -52,7 +52,17 @@
         </div>
     <h2 style="clear: left;">Other Contacts</h2>
     <p>accounts that i have and are definitely me, but not used as much or just not the best way to reach me</p>
-	<p>(obligatory pasting of xmr address) I have an XMR OpenAlias at the same address as this site.</p>
+    <div class=othercontact style="background-color: #3b617c;">
+        <h3>Twitter</h3>
+        <p>cesium2349</p>
+        <a title="Twitter" href="https://twitter.com/cesium2349"></a>
+    </div>
+    <div class=othercontact style="background-color: #3b617c;">
+        <h3>Twitter</h3>
+        <p>cesium2349</p>
+        <a title="Twitter" href="https://twitter.com/cesium2349"></a>
+    </div>
+    <p  style="clear: left;">(obligatory pasting of xmr address) I have an XMR OpenAlias at the same address as this site.</p>
         <p style="text-align: center;"><a href="https://github.com/CesiumCs/cesium.one"><img src="assets/GitHub-Mark-Light.png" style="width:2em" alt="View on GitHub"></a></p>
     </body>
 </html>
diff --git a/styles.css b/styles.css
index e17a8bb..31b4a46 100644
--- a/styles.css
+++ b/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 {