nastylování Hero

-inc/style.css

@@ -39,8 +39,9 @@ body {
 header {
     min-height: 50px;
     height: 10vh;
-    padding: 0.5em 0;
     background-color: #090c0f;
+    box-sizing: border-box;
+    padding: 1em 0;
 }
 
 header img {
@@ -52,26 +53,36 @@ header img {
 /*----------------------------------*/
 
 nav {
-    padding-top: 1em;
-    display: none;
+    height: 90vh;
+    display: flex;
+    flex-direction: column;
 }
 
 nav ul {
     padding: 0;
+    margin: 0;
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
 }
 
-nav ul li ul li {
-    list-style-type: circle;
-    position: relative;
-    left: 50%;
-    text-align: start;
-    width: 50vw;
-    margin: 0;
+nav ul:nth-of-type(1) {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC) repeat, url('../-img/restaurace-fotka.jpg') center/cover no-repeat scroll;
+    margin-bottom: 0.3em;
+}
+
+nav ul:nth-of-type(2) {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC) repeat, url('../-img/club-fotka.jpg') center/cover no-repeat scroll;
+    margin-bottom: 0.3em;
+}
+
+nav ul:nth-of-type(3) {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC) repeat, url('../-img/apartmany-fotka.jpg') center/cover no-repeat scroll;
 }
 
 nav li {
     list-style-type: none;
-    margin-bottom: 1em;
     font-style: normal;
 }
 
@@ -89,7 +100,7 @@ nav li {
     background-position-x: right+80vw, right+88vw, 80vw, 85vw;
     background-position-y: 35%, 10%, 35%, 15%;
     background-size: 40%, 24%, 45%, 35%;
-  }
+}
 
 #hero div em {
     color: #c19977;
@@ -425,7 +436,7 @@ a.button {
     font-weight: bold;
     font-size: 1em;
     cursor: pointer;
-    margin: 4em auto;
+    margin: 0 auto;
     display: block;
     width: fit-content;
 }