diff --git a/basement.html b/basement.html
index d503d3f..fe27a2c 100644
--- a/basement.html
+++ b/basement.html
@@ -75,7 +75,7 @@
                 </ul>
                 <p>Want to replace the Mikrotik switch with a custom pfsense/opnsense setup. Haven't gotten around to it yet.</p>
             </div>
-            <div>
+            <div style="margin-top: 90vh;">
                 <img src="img/iso.JPG">
                 <br>
                 <b>Isopropyl alcohol</b>
diff --git a/global.css b/global.css
index cb19f57..cf7c293 100644
--- a/global.css
+++ b/global.css
@@ -21,8 +21,7 @@ img {
 
 #main-box {
     padding: 10px;
-    margin-left: 25%;
-    margin-right: 25%;
+    margin: 0 22vw 0 22vw;
 }
 
 h2 {
diff --git a/index.html b/index.html
index 715e45b..0ea9bbd 100644
--- a/index.html
+++ b/index.html
@@ -3,6 +3,23 @@
 <head>
     <link rel="stylesheet" href="global.css" />
 </head>
+<div id="moon-box">
+    <table cellpadding="0" cellspacing="0" border="0" width="128">
+        <tr>
+            <td align="center"><a href="https://www.moonconnection.com" target="mc_moon_ph"><img
+                        src="https://www.moonmodule.com/cs/dm/vn.gif" width="128" height="196" border="0" alt="" /></a>
+                <div style="position:relative;width:128px;">
+                    <div style="position:absolute;top:-20px;left:6px;background:#000000;width:116px;text-align:center;">
+                        <a href="https://www.moonconnection.com/moon_phases.phtml" target="mc_moon_ph">
+                            <font color="#7F7F7F" size="1" face="arial,helvetica,sans-serif"><span
+                                    style="color:#7F7F7F;font-family:arial,helvetica,sans-serif;font-size:10px;">moon
+                                    phase</span></font>
+                        </a></div>
+                </div>
+            </td>
+        </tr>
+    </table><!-- // end moon phase HTML // -->
+</div>
 <div id="main-box">
     <h2>whoami</h2>
     <p>I am <b class="rainbow-text">hex</b>, short for hexlocation.</p>
@@ -27,9 +44,11 @@
     <p><a href="https://git.iwakura.rip/hex">...and more!</a></p>
 
     <h2>contact</h2>
-    <p>You can message me here if you'd like, as long as you aren't a bot. Even if you just want to talk or something. :3</p>
+    <p>You can message me here if you'd like, as long as you aren't a bot. Even if you just want to talk or something.
+        :3</p>
     <p><b>E-mail & XMPP (preferred)</b>: hex[at]iwakura.rip<br></p>
-    <p>My Matrix server has been de-activated as a result of a lack of moderation options and general progress on Matrix.</p>
+    <p>My Matrix server has been de-activated as a result of a lack of moderation options and general progress on
+        Matrix.</p>
     <h2>other pages</h2>
     <ul>
         <li><a href="basement.html">my basement</a></li>
@@ -39,6 +58,8 @@
         <p style="font-size: 13px;">design inspired by <a href="https://sdomi.pl/">sdomi</a>, <a
                 href="https://kernal.eu">kernal</a> and some others i forgot about.</p>
         <hr>
+    </div>
+    <div id="badges" class="winbox">
         <a href="https://archive.org">
             <img src="img/ia.gif"></img>
         </a>
@@ -66,7 +87,35 @@
         <img src="img/win10no.gif"></img>
         <img src="img/fuckgoogle.gif"></img>
     </div>
-    <hr>
 </div>
 
-</html>
+<style>
+    #main-box {
+        position: absolute;
+        top: 0;
+    }
+
+    #moon-box {
+        position: fixed;
+        top: 5vh;
+        left: 2vw;
+    }
+
+    .winbox {
+        border: 2px solid rgba(0,0,0,0.6);
+        padding: 5px;
+        text-align: center;
+        background-color: #008080;
+        display: inline-block;
+        flex-grow: 1;
+    }
+
+    #badges {
+        width: calc(25% - 15vw);
+        position: fixed;
+        bottom: 12vh;
+        right: 4vw;
+    }
+</style>
+
+</html
