Navigation + background

css/style.css

@@ -27,22 +27,42 @@ html, body {
   width: 100%;
   height: 100%;
   flex-direction: column;
-  background: url('../img/background.png') no-repeat;
+  background: url('../img/background.png');
+  background-repeat: no-repeat;
   background-size: cover;
+  background-position: center center;
+  transition: background-image 250ms ease-in-out;
+}
+
+.launcher .main {
+  flex-direction: row;
+  display: flex;
+  flex-grow: 1;
+}
+
+.launcher .nav {
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  width: 50px;
+}
+
+.launcher .nav a.goback {
+  text-decoration: none;
+  color: white;
+  font-size: 60px;
+  text-shadow: 1px 1px #444;
+}
+
+.launcher .nav a.goback:hover {
+  -webkit-animation: 500ms pulse-large infinite;
 }
 
 .launcher .category-header {
-  padding: 40px 50px 0;
+  padding: 25px 40px 0;
   font-size: 50px;
-}
-
-.launcher .category-header a.goback {
-  text-decoration: none;
-  color: white;
-}
-
-.launcher .category-header a.goback:hover {
-  -webkit-animation: 500ms pulse-large infinite;
+  color: #fff;
+  text-shadow: 1px 1px #444;
 }
 
 .launcher .category-header > .category-label {
@@ -66,6 +86,10 @@ html, body {
   flex-grow: 1;
 }
 
+.launcher .nav ~ ul.apps-list {
+  margin-left: -50px;
+}
+
 .launcher li.app-item {
   margin: 5px;
   border-radius: 5px;
@@ -222,7 +246,7 @@ html, body {
 
 @-webkit-keyframes pulse-large {
   0% { transform: scale(1); }
-  50% { transform: scale(1.5); }
+  50% { transform: scale(1.3); }
   100% { transform: scale(1); }
 }