feat: Update content

assets/styles/container.sass

@@ -1,3 +1,5 @@
+.center
+  text-align: center
 .container
   max-width: $size-small
   width: 100%
@@ -20,11 +22,15 @@
   &.center
     justify-content: center
     align-items: center
-    text-align: center
 
   &.column
     flex-direction: column
 
+  &.cards
+    padding: $size-space/2
+    @media screen and (max-width: $size-small)
+      padding: $size-space/2 0
+
 main > section:first-child
   padding: $size-space*2 $size-space $size-space*3
 
@@ -43,11 +49,12 @@ main > section:first-child
       text-shadow: 0 0 1px currentColor
 
   .card
+    margin: $size-space/2
     background-color: var(--card-background)
     z-index: 10
     padding: 1rem
     border-radius: var(--border-radius)
-    max-width: 31%
+    max-width: 29%
     margin-bottom: 1rem
 
     img

assets/styles/footer.sass

@@ -1,2 +1,7 @@
 body > footer.container
   padding-bottom: 0
+  font-size: .7rem
+
+
+  @media screen and (max-width: $size-small)
+    text-align: center

assets/styles/home.sass

@@ -16,17 +16,23 @@
   .cadre
     margin: 2rem 0
     display: inline-block
-    padding: 1rem
     line-height: 2
-    // background: no-repeat center url(/pictos/cadre.svg)
-    // background-size: container
-
-    border: 8px solid var(--color-highlight)
-
     a
-      padding: 1rem
+      display: inline-block
+      padding: 2rem
+      margin: 2rem
+      border: 8px solid var(--color-highlight)
 
 
+    @media screen and (max-width: $size-small)
+      border: 8px solid var(--color-highlight)
+
+      a
+        display: block
+        border: none
+        padding: .5rem 1rem
+        margin: 0
+
 #info
   display: flex
   justify-content: center
@@ -42,11 +48,12 @@
     text-align: center
     margin: 2rem 0
 
-  #valeurs
-    background-color: var(--color-background-card)
-
-    // transform: rotate(-2deg)
-    padding: 1rem
+#valeurs
+  .container
+    &:first-child
+      padding-bottom: 0
+    &:last-child
+      padding-top: 0
 
 #partenaire
   ul
@@ -66,3 +73,24 @@
 
     &:hover
       filter: grayscale(0)
+
+
+
+#me .container
+  align-items: center
+  @media screen and (max-width: $size-small)
+    flex-direction: column-reverse
+    justify-content: center
+
+  div
+    width: 450px
+    max-width: 100%
+
+  svg
+    width: 400px
+    height: 400px
+    @media screen and (max-width: $size-small)
+      width: calc(200px + #{$size-space*2})
+      height: calc(200px + #{$size-space*2})
+      margin: 0 auto
+      padding: $size-space

assets/styles/main.sass

@@ -131,25 +131,6 @@ h1
   &::after
     bottom: -1rem
 
-#me .container
-  align-items: center
-  @media screen and (max-width: $size-small)
-    flex-direction: column-reverse
-    justify-content: center
-
-  div
-    width: 450px
-    max-width: 100%
-
-    svg
-      width: 400px
-      height: 400px
-      @media screen and (max-width: $size-small)
-        width: calc(200px + #{$size-space*2})
-        height: calc(200px + #{$size-space*2})
-        margin: 0 auto
-        padding: $size-space
-
 @import "./home"
 @import "./basic/html"
 @import "./font"