From 71c87cac822918c823f4e1ee06ad252ceef6bc28 Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Sun, 18 Oct 2020 00:03:19 +0200
Subject: add nav & grayscale transition

---
 artistes.css | 26 ++++++++++++++++++++------
 1 file changed, 20 insertions(+), 6 deletions(-)

(limited to 'artistes.css')

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 {
-- 
cgit v1.2.3