con todito

src/lib/News.svelte

@@ -9,20 +9,25 @@
 
     </div>
     <div class="stats">
+      <div class="stat">
         <div class="label">
           Metroscopia, 2019 (87%)
         </div>
         <progress max="100" value="87">
           Metroscopia
         </progress>
+      </div>
 
+      <div class="stat">
         <div class="label">
           IPSOS MORI, 2018 (85%)
         </div>
         <progress max="100" value="85">
           IPSOS MORI
         </progress>
+      </div>
 
+      <div class="stat">
         <div class="label"> 
           CIS, 2011 (73%)
         </div>
@@ -31,6 +36,7 @@
         </progress>
       </div>
     </div>
+  </div>
 </div>
 
 <style>
@@ -73,6 +79,9 @@
     background: white;
     margin: 2rem 0;
   }
+  .stat {
+    margin-bottom: 2rem;
+  }
   progress[value] {
     -webkit-appearance: none;
     appearance: none;
@@ -80,7 +89,13 @@
     padding: 1rem;
     background-color: #eee;
     border: none;
-
+  }
+  progress[value]::-webkit-progress-bar {
+    background-color: white;
+  }
+  progress[value]::-moz-progress-bar {
+    background-color: rgb(34, 150, 154);
+    border: 0;
   }
   @media (max-width: 768px) {
     p {