feat: Ajout de la carte

assets/styles/style.scss

@@ -46,6 +46,7 @@ body {
     --color-yellow3: #dac161;
     --color-orange1: #d88250;
     --color-orange2: #bb5c46;
+    --color-orange3: #e26f31;
     --color-blue1: #3ea1da;
     --color-blue2: #154f8e;
     --color-blue3: #002830;
@@ -73,6 +74,7 @@ body {
 .-yellow3 { --color: var(--color-white); --bg-color: var(--color-yellow3) }
 .-orange1 { --color: var(--color-white); --bg-color: var(--color-orange1) }
 .-orange2 { --color: var(--color-white); --bg-color: var(--color-orange2) }
+.-orange3 { --color: var(--color-white); --bg-color: var(--color-orange3) }
 .-blue1   { --color: var(--color-white); --bg-color: var(--color-blue1) }
 .-blue2   { --color: var(--color-white); --bg-color: var(--color-blue2) }
 .-blue3   { --color: var(--color-white); --bg-color: var(--color-blue3) }
@@ -339,3 +341,43 @@ p:empty, p:-moz-only-whitespace {
     --h1-size: 4rem;
     --h2-size: 2rem;
 }
+
+.chiffre {
+    display: flex;
+    list-style: none;
+    justify-content: space-between;
+    font-family: 'Tox Typewriter';
+    font-weight: normal;
+    font-style: normal;
+    margin: 0;
+    padding: 0;
+
+    h3 {
+        font-size: 3rem;
+    }
+
+    p {
+        font-size: 1.5rem;
+    }
+
+    li {
+        text-align: center;
+        flex: 1
+    }
+
+    img {
+        margin: 0 auto;
+    }
+}
+
+.right {
+    text-align: right;
+    font-family: 'Tox Typewriter';
+    font-weight: normal;
+    font-style: normal;
+}
+
+.carte {
+    width: 80%;
+    margin: 1rem auto;
+}