Nouvelle version, simplifiée

public/styles.css

@@ -1,16 +1,38 @@
+@font-face {
+    font-family: 'Minecraft';
+    src: url('Minecraft.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+.titre, .sous-titre {
+    font-family: 'Poppins', Geneva, Verdana, sans-serif;
+    text-align: center;
+}
+
+.titre {
+    font-size: xx-large;
+    font-weight: bold;
+    color: red;
+}
+
+.sous-titre {
+    color: #6c757d
+}
+
 .tableau ul {
     display: flex;
     justify-content: space-between;
-    text-align: left;
+    text-align: center;
 }
 
 .tableau li {
     width: 80px;
 }
-.tableau li:nth-child(2) {
+.tableau li:nth-child(1) {
     width: 200px;
 }
-.tableau li:nth-child(3) {
+.tableau li:nth-child(2) {
     width: 20px;
 }
 .tableau li {
@@ -18,12 +40,14 @@
     list-style-type: none;
     padding: 0px 4px;
     align-self: center;
-    text-align: left;
 }
 figure {
     margin: 4px 0px !important;
 }
 
+.tableau li a:link { 
+    text-decoration: none; 
+}
 
 .tableau ul:nth-child(even) {
     background-color: #fff3f3;
@@ -58,13 +82,14 @@ ul > li > a {
 
 img {
     height: 80px !important;
-    transition: transform .1s;
+    transition: transform .4s;
 }
 
-img:hover{
+img:hover {
     -ms-transform: scale(5); /* IE 9 */
     -webkit-transform: scale(5); /* Safari 3-8 */
     transform: scale(5);
+    transition: .4s;
 }
 
 .offrants {
@@ -84,4 +109,38 @@ img:hover{
 .vote-sm {
     text-align: center;
     font-size: x-large;
+}
+
+.participant {
+    width: 200px;
+    margin-top: 15px;
+    margin-bottom: 15px;
+}
+
+/* Résultats du vote */
+.general {
+    width: 70%;
+    display: flex;
+    align-items: center;
+    background-color: lightgreen;
+}
+
+.logo img {
+    margin: 15px;
+    transition: none !important;
+    transform: none !important;
+}
+
+.emoticon {
+    font-size: 78px;
+    margin: 15px;
+}
+
+.vote {
+    width: inherit;
+    font-family: "Minecraft";
+}
+
+.btn-secondary {
+    margin-top: 25px;;
 }