diff --git a/public/css/icons.css b/public/css/icons.css
index 13239c1..b1cf306 100644
--- a/public/css/icons.css
+++ b/public/css/icons.css
@@ -1,7 +1,7 @@
 .close {
-  position: absolute;
-  right: 48px;
-  top: 48px;
+  position: fixed;
+  right: 21px;
+  top: 86px;
   width: 48px;
   height: 48px;
   opacity: 0.8;
diff --git a/public/js/events.js b/public/js/events.js
index 2807854..dfffc6a 100644
--- a/public/js/events.js
+++ b/public/js/events.js
@@ -49,6 +49,9 @@ events.resize = {
     lib.scrolltomiddle(rt.ct.wrapper.items);
   }
 };
+events.volumechange = e => {
+  localStorage.setItem("volume", e.target.volume);
+};
 events.hashchange = async e => {
   if(rt.scroll)
     return;
@@ -96,6 +99,8 @@ events.hashchange = async e => {
       el.autoplay = true;
       el.controls = true;
       el.loop = true;
+      el.volume = localStorage.getItem("volume") || 1;
+      el.addEventListener("volumechange", events.volumechange);
     break;
     case "image/gif":
     case "image/jpeg":
@@ -113,6 +118,8 @@ events.hashchange = async e => {
       el.autoplay = true;
       el.controls = true;
       el.loop = true;
+      el.volume = localStorage.getItem("volume") || 1;
+      el.addEventListener("volumechange", events.volumechange);
     break;
     default:
       alert("lol hacker");
diff --git a/views/index.html b/views/index.html
index 7d9ebb0..a225f6d 100644
--- a/views/index.html
+++ b/views/index.html
@@ -47,6 +47,7 @@
           <div class="i_item">Item 3</div>
         </div>
         <div class="arrow right" id="right"></div>
+        <a href="#" class="close"></a>
       </div>
       <div class="wrapper" id="howtowrapper">
         <h4>irc.n0xy.net +6697 (ssl only) #f0ck</h4>