2 files changed, 38 insertions, 1 deletions
diff --git a/src/css/_notes.scss b/src/css/_notes.scss
new file mode 100644
index 0000000..f4260f3
--- /dev/null
+++ b/src/css/_notes.scss
@@ -0,0 +1,35 @@
+.list_notes {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: flex-start;
+  justify-content: space-around;
+  article {
+    transition: all .2s ease-in-out; 
+    color: #DDD;
+    margin: 0;
+    padding: 6px 8px;
+    border-radius: 7px;
+    background-color: #000000CA;
+    box-shadow:  2px 1px 1px 0px rgba(0, 0, 0, 0.2);
+    max-width: 215px;
+    font-size: 0.875rem;
+    cursor: pointer;
+    &:hover {
+      transform: scale(1.1) translate(0, -5px) rotate(-0.5deg);
+      box-shadow:  3px 3px 2px 1px rgba(0, 0, 0, 0.2);
+    }
+    h1 {
+      color: #EEE;
+      font-size: 1rem;
+      margin: 0;
+    }
+  }
+}
+tag {
+  background-color: #A8DC;
+  display: inline-block;
+  margin: 2px;
+  padding: 3px;
+  color: white;
+}
+
diff --git a/src/css/design.scss b/src/css/design.scss
index 8bbaa36..eabfbb4 100755
--- a/src/css/design.scss
+++ b/src/css/design.scss
@@ -8,8 +8,10 @@ $big-screen: "screen and (min-width: 1720px)";
 @import 'contenu';
 @import 'sommaire';
 @import 'style';
-@import 'outrun-dark';
 
+@import 'outrun-dark';
+//@import 'rainbow';
+@import 'notes';
 
 html {