css/home.css

@@ -17,6 +17,56 @@
     height: 200px;
 }
 
+/* Section des dons */
+
+#don > div {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: space-evenly;
+}
+
+#don button {
+    flex-grow: 1;
+    width: 3em;
+    color: white;
+    font-size: 2em;
+    border: none;
+    font-family: MonTrappist;
+    margin: 0.2em;
+    padding: 0.3em;
+    background: var(--primary-bg-color);
+    background: linear-gradient(0deg,rgba(136, 0, 255, 1) 0%, rgba(255, 191, 62, 1) 50%, rgba(255, 78, 0, 1) 100%);
+    box-shadow: -5px 5px 0px var(--accent-yellow), -10px 10px 0px var(--accent-orange), -15px 15px 0px var(--accent-violet);
+}
+
+#don > hr {
+    margin-top: 1em;
+}
+
+#don p {
+    text-align: justify;
+    text-align: center;
+}
+
+@keyframes bang {
+  from {
+    transform: translate3d(0,0,0);
+    opacity: 1;
+  }
+}
+
+.btn-pop i {
+    position: absolute;
+    display: block;
+    left: 50%;
+    top: 0;
+    width: 3px;
+    height: 8px;
+    background: red;
+    opacity: 0;
+}
+
 /* Barre de progression */
 
 .progression {