Update cyber.css

s/cyber.css

@@ -14,12 +14,14 @@ a {
 }
 
 input, select, textarea {
-	border: 1px double #00ffc4;
-	border-radius: 5px;
-	background: #9a0039;
-	color: #ACACAC;
-	font-size: 80%;
-	font-family: 'Oswald', sans-serif;
+    border: 1px double #00ffc4;
+    border-radius: 0;
+    background: #9a0039;
+    color: #04e8bd;
+    font-size: 80%;
+    font-family: 'Oswald', sans-serif;
+    margin-top: 3px;
+    margin-bottom: 3px;
 }
 
 a:hover {
@@ -34,8 +36,27 @@ a:hover {
     text-decoration: none;
     animation: glitch2 2s steps(100) infinite;
     color: white;
-    border: 1px solid #9a0039;
+    border-bottom: 2px solid #9a0039;
     background-color: #061412;
+    margin-top: -60px;
+}
+
+ul#posts {
+    width: calc(100% - 210px);
+    margin: 0;
+    margin-left: 100px;
+    padding: 0;
+    list-style: none;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-flex-flow: row wrap;
+    flex-flow: row wrap;
+    justify-content: flex-start;
+    -webkit-justify-content: flex-start;
+    padding-top: 1.5em;
 }
 
 .controls {
@@ -46,8 +67,8 @@ a:hover {
     margin: 0 auto;
     background: #061412;
     padding-top: 0;
-    margin-top: 5px;
-    border: 1px solid #9a0039;
+    border: 2px solid #9a0039;
+    margin-top: 60px;
 }
 
 .medium, .thumbnail {
@@ -91,7 +112,7 @@ a#prev:hover {
 }
 
 a#holland {
-	color: white;
+    color: #01f4b5;
 }
 
 a#holland:hover {
@@ -108,11 +129,12 @@ a#holland:hover {
 .navbar {
     text-align: center;
     margin-top: 7px;
-    width: 888px;
+    width: 100%;
     margin: 0 auto;
-    border: 2px solid #9a0039;
+    border-bottom: 2px solid #9a0039;
     background: #061412;
-    padding-bottom: 3px;
+    padding-bottom: 5px;
+    top: 0;
 }
 
 .plyr--audio .plyr__controls {