add nav & grayscale transition

1 files changed, 20 insertions, 6 deletions

diff --git a/artistes.css b/artistes.css
index c69b323..ec5a977 100644
--- a/artistes.css
+++ b/artistes.css
@@ -1,11 +1,23 @@
 body {
     background: #eee;
-    display: flex;
     padding-left: 10%;
     padding-right: 10%;
 }
 
-body div {
+nav ol {
+    display: flex;
+    list-style-type: none;
+}
+
+nav ol li {
+    flex: 1;
+}
+
+.main {
+    display: flex;
+}
+
+.main div {
     padding: 2em;
 }
 
@@ -25,34 +37,36 @@ body div {
     border-width: 10px;
     border-style: solid;
     border-radius: 20%;
+    filter: grayscale(1);
+    transition: 1s;
+}
+
+#photos-inner img:hover {
+    filter: none;
 }
 
 #vlad {
     position: absolute;
     left: 2em;
     top: 5%;
-    z-index: 1;
 }
 
 #garet {
     position: absolute;
     left: 10em;
     top: 10%;
-    z-index: 2;
 }
 
 #ivan {
     position: absolute;
     left: 2em;
     top: 30%;
-    z-index: 3;
 }
 
 #sofia {
     position: absolute;
     left: 10em;
     top: 35%;
-    z-index: 4;
 }
 
 #bio {