feat: Mise à jour du design de l'application

src/assets/base.css

@@ -8,6 +8,7 @@
 
   --header-size-small: 64px;
   --header-size-big: 128px;
+  --header-size: var(--header-size-small);
 }
 
 /* semantic color variables for this project */
@@ -19,7 +20,6 @@
   --color-highlight-background: var(--color-green);
   --color-highlight-text: var(--color-white);
   --color-highlight-text-invert: var(--color-black);
-  --header-size: var(--header-size-small)
 }
 
 body.theme-dark {
@@ -44,7 +44,7 @@ body.theme-dark {
   }
 }
 
-@media (min-width: 1024px) {
+@media (min-height: 800px) {
   :root {
     --header-size: var(--header-size-big);
   }
@@ -80,3 +80,17 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+
+.btn {
+  width: 3rem;
+  height: 3rem;
+  padding: .5rem;
+  margin: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 100%;
+  position: absolute;
+  border: none;
+  box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);
+}