diff --git a/s/coldblue.css b/s/coldblue.css
index 04ecaa2..b5b5ac3 100644
--- a/s/coldblue.css
+++ b/s/coldblue.css
@@ -1,45 +1,72 @@
-@font-face {
-	font-family: "Cyberfall";
-	src: url(https://dr0p.it/Clgl.otf) format("opentype");
-}
-  
-body {
-	margin: 1em auto 3em auto;
-	background-color: #0B111D;
-	color: #fff;
-	font-family: "Cyberfall";
-	font-size: 12px;
-}
- 
-a {
-	color: #00ffed;
-}
-  
-a:hover {
-	color: #00b4ef;
-}
-	
-.panel {
-	margin-bottom: 0;
-	background-color: rgb(18, 19, 35);
-	border: 5px solid #154D71;
-	border-radius: 0px;
-	padding-left: 10px;
-	padding-right: 10px;
-	width: 25%;
-	float: left;
-	position: relative;
-	min-height: 1px;
-}
-  
-input, select, textarea {
-	border: 1px double #00edff;
-	background: #282A2E;
-	color: #f1e3ce;
-	font-family: 'Hack', monospace, sans-serif;
-	font-size: 80%;
-}
-  
-.thumb {
-	border: 2px solid #207ea4;
-}
+@font-face {
+	font-family: "Cyberfall";
+	src: url(https://dr0p.it/Clgl.otf) format("opentype");
+}
+  
+body {
+	margin: 1em auto 3em auto;
+	background-color: #0B111D;
+	color: #fff;
+	font-family: "Cyberfall";
+	font-size: 12px;
+}
+ 
+a {
+	color: #00ffed;
+}
+  
+a:hover {
+	color: #00b4ef;
+}
+	
+.return {
+    text-align: center;
+    border: 2px solid #154d71;
+    width: 888px;
+    margin: 0 auto;
+    background: #121323;
+}
+
+.controls {
+    text-align: center;
+    color: #00ffed;
+    width: 888px;
+    margin: 0 auto;
+    background: #121323;
+    padding-top: 0;
+    margin-top: 5px;
+    border: 2px solid #154d71;
+}
+
+.medium, .thumbnail {
+    display: flex;
+    justify-content: center;
+    margin-top: 5px;
+    background: #121323;
+    border: 2px solid #154d71;
+    padding: 5px;
+}
+
+.panel {
+    margin-bottom: 0;
+    background-color: rgb(18, 19, 35);
+    border: 2px solid #154D71;
+    border-radius: 0px;
+    padding-left: 10px;
+    padding-right: 10px;
+    width: 25%;
+    position: relative;
+    min-height: 1px;
+}
+  
+input, select, textarea {
+	border: 1px double #00edff;
+	background: #282A2E;
+	color: #f1e3ce;
+	font-family: 'Hack', monospace, sans-serif;
+	font-size: 80%;
+}
+  
+.thumb {
+	border: 2px solid #207ea4;
+}
diff --git a/s/cyber.css b/s/cyber.css
index 9e50b8d..843015f 100644
--- a/s/cyber.css
+++ b/s/cyber.css
@@ -34,8 +34,33 @@ a:hover {
     text-decoration: none;
     animation: glitch2 2s steps(100) infinite;
     color: white;
+    border: 1px solid #9a0039;
+    background-color: #061412;
 }
 
+.controls {
+    text-align: center;
+    color: #01f4b5;
+    font-weight: bold;
+    width: 888px;
+    margin: 0 auto;
+    background: #061412;
+    padding-top: 0;
+    margin-top: 5px;
+    border: 1px solid #9a0039;
+}
+
+.medium, .thumbnail {
+    display: flex;
+    justify-content: center;
+    margin-top: 5px;
+    background: #061412;
+    border: 2px solid #9a0039;
+    padding: 5px;
+}
+
+
+
 .thumb {
     border: 2px solid rgb(4, 232, 189);
 }
@@ -76,8 +101,18 @@ a#holland:hover {
 
 /* PANEL */
 .panel {
-	background-color: rgba(4, 27, 23, 0.61);
-    border: 5px solid #9a0039;
+    background-color: rgba(4, 27, 23, 0.61);
+    border: 2px solid #9a0039;
+}
+
+.navbar {
+    text-align: center;
+    margin-top: 7px;
+    width: 888px;
+    margin: 0 auto;
+    border: 2px solid #9a0039;
+    background: #061412;
+    padding-bottom: 3px;
 }
 
 @keyframes noise-anim {
diff --git a/s/item.tpl.html b/s/item.tpl.html
index 03e485f..827e14b 100644
--- a/s/item.tpl.html
+++ b/s/item.tpl.html
@@ -20,7 +20,7 @@
   &nbsp;| <a id="prev" href="/{{ prev }}">->></a>
     {% endif %}
   </div>
-
+<div class="wrapper">
   <div class="medium">
     {% if item == "video" %}
     <video id="player" src="{{ dest }}" style="max-width: 1280px; height: 50%;" preload="auto" autoplay controls loop></video>
@@ -38,6 +38,8 @@
     {% else %}
     <h1>404 - Not f0cked</h1>
     {% endif %}
+  </div>
+</div>
 
     <div class="panel info">
       <span class="id">ID: {{ id }} | by: {{ username }}<span></span><br />
@@ -50,7 +52,7 @@
       <span class="timestamp">timestamp: {{ timestamp }}</span><br>
       <span id="themes">theme: </span>
     </div>
-  </div>
+    
   <script src="./s/shit.js"></script>
   <script src="./s/theme.js"></script>
 </body>
diff --git a/s/krautchan.css b/s/krautchan.css
index 96a6687..8d51e00 100644
--- a/s/krautchan.css
+++ b/s/krautchan.css
@@ -19,6 +19,12 @@ a:hover {
     border: 2px solid #3333cc;
 }
 
+.wrapper {
+    margin: 0 auto;
+    width: 888px;
+}
+
+
 .navbar {
     text-align: center;
     margin-top: 7px;
@@ -37,7 +43,7 @@ input, select, textarea {
 .panel {
     margin-bottom: 0;
     background-color: #aaaacc;
-    border: 5px solid #313370;
+    border: 2px solid #313370;
     border-radius: 0px;
     padding-left: 10px;
     padding-right: 10px;
@@ -64,23 +70,38 @@ code {
 
 .return {
     text-align: center;
-    border: 1px solid black;
-    width: 300px;
+    border: 2px solid #313370;
+    width: 888px;
     margin: 0 auto;
     background: #aaaacc;
+    margin-bottom: 5px;
 }
 
 .controls {
     text-align: center;
     color: #3333cc;
     font-weight: bold;
-    width: 300px;
+    width: 888px;
     margin: 0 auto;
-    border-left: 1px solid black;
     background: #aaaacc;
-    border-right: 1px solid black;
-    border-bottom: 1px solid black;
     padding-top: 0;
+    border: 2px solid #313370;
+}
+
+.medium, .thumbnail {
+    display: flex;
+    justify-content: center;
+    margin-top: 5px;
+    background: #aaaacc;
+    border: 2px solid #313370;
+}
+
+.panel.info {
+    margin: 0 auto;
+    margin-top: 5px;
+    float: none;
+    width: 888px;
+    margin-bottom: 5px;
 }
 
 .navbar {
diff --git a/s/pink.css b/s/pink.css
index f0e61bc..934fbf6 100644
--- a/s/pink.css
+++ b/s/pink.css
@@ -29,6 +29,28 @@ input, select, textarea {
 .return {
     text-align: center;
     font-size: 25px;
+    border: 2px solid #ff008d;
+}
+
+.controls {
+    text-align: center;
+    color: #ff008d;
+    font-weight: bold;
+    width: 888px;
+    margin: 0 auto;
+    background: #484747;
+    padding-top: 0;
+    margin-top: 5px;
+    border: 2px solid #ff008d;
+}
+
+.medium, .thumbnail {
+    display: flex;
+    justify-content: center;
+    margin-top: 5px;
+    background: #484747;
+    border: 2px solid #ff008d;
+    padding: 5px;
 }
 
 span.id {
@@ -45,8 +67,8 @@ code {
 
 .panel {
     margin-bottom: 0;
-    background-color: rgba(34, 34, 34, 0.61);
-    border: 5px solid #ff008d;
+    background-color: rgb(72, 71, 71);
+    border: 2px solid #ff008d;
     border-radius: 0px;
     padding-left: 10px;
     padding-right: 10px;
diff --git a/s/style.css b/s/style.css
index 60bfd0a..28c64ee 100644
--- a/s/style.css
+++ b/s/style.css
@@ -66,10 +66,14 @@ a:hover {
 }
 
 .medium, .thumbnail {
-  display: flex;
-  justify-content: center;
-  margin-top: 10px;
+    display: flex;
+    justify-content: center;
+    margin-top: 5px;
+    background: #484747;
+    border: 2px solid #99ff00;
+    padding: 5px;
 }
+
 .info {
   padding-top: 5px;
 }
@@ -77,17 +81,33 @@ a:hover {
   text-align: center;
   padding-bottom: 10px;
 }
+
 .controls {
-  text-align: center;
-  padding-top: 10px;
+    text-align: center;
+    color: #99ff00;
+    font-weight: bold;
+    width: 888px;
+    margin: 0 auto;
+    background: #484747;
+    padding-top: 0;
+    margin-top: 5px;
+    border: 1px solid #99ff00;
 }
+
 .navbar {
   text-align: center;
   margin-top: 7px;
 }
+
 .return {
-  text-align: center;
+    text-align: center;
+    border: 1px solid #99ff00;
+    width: 888px;
+    margin: 0 auto;
+    background: #484747;
+    font-weight: bold;
 }
+
 .irc {
   margin: 20px;
 }
@@ -96,19 +116,35 @@ code {
 }
 
 .panel {
-  margin-bottom: 0;
-  background-color: rgba(34, 34, 34, 0.61);
-  border: 5px solid #383838;
-  border-radius: 0px;
-  padding-left: 10px;
-  padding-right: 10px;
-  width: 25%;
-  float: left;
-  position: relative;
-  min-height: 1px;
+    margin-bottom: 0;
+    background-color: #484747;
+    border: 2px solid #99ff00;
+    border-radius: 0px;
+    padding-left: 10px;
+    padding-right: 10px;
+    width: 25%;
+    float: left;
+    position: relative;
+    min-height: 1px;
+    color: #ffffff;
+    padding-bottom: 5px;
 }
 
+.panel.info {
+    margin: 0 auto;
+    margin-top: 5px;
+    float: none;
+    width: 888px;
+    margin-bottom: 5px;
+}
+
+
 img {
     vertical-align: middle;
     max-height: 770px;
-}
\ No newline at end of file
+}
+
+.wrapper {
+    margin: 0 auto;
+    width: 888px;
+}
diff --git a/s/term.css b/s/term.css
index 9e57935..1319c27 100644
--- a/s/term.css
+++ b/s/term.css
@@ -35,6 +35,29 @@ input, select, textarea {
     font-size: 50px;
     color: #00DF00;
     text-shadow: 0 0 20px #00DF00;
+    background: #0b0b0b;
+    border: 2px solid #0a842a;
+}
+
+.controls {
+    text-align: center;
+    color: #00d500;
+    font-weight: bold;
+    width: 888px;
+    margin: 0 auto;
+    background: #0b0b0b;
+    padding-top: 0;
+    margin-top: 5px;
+    border: 2px solid #0a842a;
+}
+
+.medium, .thumbnail {
+    display: flex;
+    justify-content: center;
+    margin-top: 5px;
+    background: #0b0b0b;
+    border: 2px solid #0a842a;
+    padding: 5px;
 }
 
 a#next {
@@ -55,7 +78,7 @@ a#prev {
 .panel {
     margin-bottom: 0;
     background-color: rgba(16, 16, 16, 0.61);
-    border: 5px solid #0b842b;
+    border: 2px solid #0b842b;
     border-radius: 0px;
     padding-left: 10px;
     padding-right: 10px;
@@ -63,9 +86,6 @@ a#prev {
     float: left;
     position: relative;
     min-height: 1px;
-    -webkit-box-shadow: 10px 10px 0px 0px rgba(0,255,30,1);
-    -moz-box-shadow: 10px 10px 0px 0px rgba(0,255,30,1);
-    box-shadow: 10px 10px 0px 0px rgba(0,255,30,1);
 }
 
 .thumb:hover {