diff --git a/index.php b/index.php
index 7933a733089cedd16f6bf3f5e8713b45357c34b7..0de7e4c049aa6a614959cd5acfe44fe855d6c4c5 100644
--- a/index.php
+++ b/index.php
@@ -10,67 +10,67 @@
 <body>
   <section class="memory-game">
     <div class="memory-card" data-framework="A">
-      <?php $text = 'A'; $style = 'background-color: #FFCCCB'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
+      <?php $text = 'A'; $style = 'background-color: #FFCCCB; text-align: center;'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
       <!-- <img class="front-face" src="img/aurelia.svg" alt="Aurelia" style="background-color: #FFCCCB"/> -->
       <img class="back-face" src="img/js-badge.svg" alt="" />
     </div>
     <div class="memory-card" data-framework="A">
-    <?php $text = 'A'; $style = 'background-color: #90EE90'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
+    <?php $text = 'A'; $style = 'background-color: #90EE90; text-align: center;'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
       <!-- <img class="front-face" src="img/aurelia.svg" alt="Aurelia" style="background-color: #90EE90"/> -->
       <img class="back-face" src="img/js-badge.svg" alt="" />
     </div>
 
     <div class="memory-card" data-framework="B">
-      <?php $text = 'B'; $style = 'background-color: #FFCCCB'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
+      <?php $text = 'B'; $style = 'background-color: #FFCCCB; text-align: center;'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
       <!-- <img class="front-face" src="img/vue.svg" alt="Vue" style="background-color: #FFCCCB"/> -->
       <img class="back-face" src="img/js-badge.svg" alt="" />
     </div>
     <div class="memory-card" data-framework="B">
-      <?php $text = 'B'; $style = 'background-color: #90EE90'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
+      <?php $text = 'B'; $style = 'background-color: #90EE90; text-align: center;'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
       <!-- <img class="front-face" src="img/vue.svg" alt="Vue" style="background-color: #90EE90"/> -->
       <img class="back-face" src="img/js-badge.svg" alt="" />
     </div>
 
     <div class="memory-card" data-framework="C">
-      <?php $text = 'C'; $style = 'background-color: #FFCCCB'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
+      <?php $text = 'C'; $style = 'background-color: #FFCCCB; text-align: center;'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
       <!-- <img class="front-face" src="img/angular.svg" alt="Angular" style="background-color: #FFCCCB"/> -->
       <img class="back-face" src="img/js-badge.svg" alt="" />
     </div>
     <div class="memory-card" data-framework="C">
-      <?php $text = 'C'; $style = 'background-color: #90EE90'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
+      <?php $text = 'C'; $style = 'background-color: #90EE90; text-align: center;'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
       <!-- <img class="front-face" src="img/angular.svg" alt="Angular" style="background-color: #90EE90"/> -->
       <img class="back-face" src="img/js-badge.svg" alt="" />
     </div>
 
     <div class="memory-card" data-framework="D">
-      <?php $text = 'D'; $style = 'background-color: #FFCCCB'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
+      <?php $text = 'D'; $style = 'background-color: #FFCCCB; text-align: center;'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
       <!-- <img class="front-face" src="img/ember.svg" alt="Ember" style="background-color: #FFCCCB"/> -->
       <img class="back-face" src="img/js-badge.svg" alt="" />
     </div>
     <div class="memory-card" data-framework="D">
-      <?php $text = 'D'; $style = 'background-color: #90EE90'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
+      <?php $text = 'D'; $style = 'background-color: #90EE90; text-align: center;'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
       <!-- <img class="front-face" src="img/ember.svg" alt="Ember" style="background-color: #90EE90"/> -->
       <img class="back-face" src="img/js-badge.svg" alt="" />
     </div>
 
     <div class="memory-card" data-framework="E">
-      <?php $text = 'E'; $style = 'background-color: #FFCCCB'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
+      <?php $text = 'E'; $style = 'background-color: #FFCCCB; text-align: center;'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
       <!-- <img class="front-face" src="img/backbone.svg" alt="Backbone" style="background-color: #FFCCCB"/> -->
       <img class="back-face" src="img/js-badge.svg" alt="" />
     </div>
     <div class="memory-card" data-framework="E">
-      <?php $text = 'E'; $style = 'background-color: #90EE90'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
+      <?php $text = 'E'; $style = 'background-color: #90EE90; text-align: center;'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
       <!-- <img class="front-face" src="img/backbone.svg" alt="Backbone" style="background-color: #90EE90"/> -->
       <img class="back-face" src="img/js-badge.svg" alt="" />
     </div>
 
     <div class="memory-card" data-framework="F">
-      <?php $text = 'F'; $style = 'background-color: #FFCCCB'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
+      <?php $text = 'F'; $style = 'background-color: #FFCCCB; text-align: center;'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
       <!-- <img class="front-face" src="img/react.svg" alt="React" style="background-color: #FFCCCB"/> -->
       <img class="back-face" src="img/js-badge.svg" alt="" />
     </div>
     <div class="memory-card" data-framework="F">
-      <?php $text = 'F'; $style = 'background-color: #90EE90'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
+      <?php $text = 'F'; $style = 'background-color: #90EE90; text-align: center;'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
       <!-- <img class="front-face" src="img/react.svg" alt="React" style="background-color: #90EE90"/> -->
       <img class="back-face" src="img/js-badge.svg" alt="" />
     </div>