diff --git a/index.html b/index.html
index 49338919b994e43477e65e56abde073ee8677221..0810899f981690b928fbebc612c6c88a76cc285c 100644
--- a/index.html
+++ b/index.html
@@ -10,60 +10,62 @@
<body>
<section class="memory-game">
<div class="memory-card" data-framework="aurelia">
- <img class="front-face" src="img/aurelia.svg" alt="Aurelia" style="background-color: red"/>
+ <img class="front-face" src="img/aurelia.svg" alt="Aurelia" style="background-color: #FFCCCB"/>
<img class="back-face" src="img/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card" data-framework="aurelia">
- <img class="front-face" src="img/aurelia.svg" alt="Aurelia" />
+ <img class="front-face" src="img/aurelia.svg" alt="Aurelia" style="background-color: #90EE90"/>
<img class="back-face" src="img/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card" data-framework="vue">
- <img class="front-face" src="img/vue.svg" alt="Vue" style="background-color: red"/>
+ <img class="front-face" src="img/vue.svg" alt="Vue" style="background-color: #FFCCCB"/>
<img class="back-face" src="img/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card" data-framework="vue">
- <img class="front-face" src="img/vue.svg" alt="Vue" />
+ <img class="front-face" src="img/vue.svg" alt="Vue" style="background-color: #90EE90"/>
<img class="back-face" src="img/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card" data-framework="angular">
- <img class="front-face" src="img/angular.svg" alt="Angular" style="background-color: red"/>
+ <img class="front-face" src="img/angular.svg" alt="Angular" style="background-color: #FFCCCB"/>
<img class="back-face" src="img/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card" data-framework="angular">
- <img class="front-face" src="img/angular.svg" alt="Angular" />
+ <img class="front-face" src="img/angular.svg" alt="Angular" style="background-color: #90EE90"/>
<img class="back-face" src="img/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card" data-framework="ember">
- <img class="front-face" src="img/ember.svg" alt="Ember" style="background-color: red"/>
+ <img class="front-face" src="img/ember.svg" alt="Ember" style="background-color: #FFCCCB"/>
<img class="back-face" src="img/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card" data-framework="ember">
- <img class="front-face" src="img/ember.svg" alt="Ember" />
+ <img class="front-face" src="img/ember.svg" alt="Ember" style="background-color: #90EE90"/>
<img class="back-face" src="img/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card" data-framework="backbone">
- <img class="front-face" src="img/backbone.svg" alt="Backbone" style="background-color: red"/>
+ <img class="front-face" src="img/backbone.svg" alt="Backbone" style="background-color: #FFCCCB"/>
<img class="back-face" src="img/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card" data-framework="backbone">
- <img class="front-face" src="img/backbone.svg" alt="Backbone" />
+ <img class="front-face" src="img/backbone.svg" alt="Backbone" style="background-color: #90EE90"/>
<img class="back-face" src="img/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card" data-framework="react">
- <img class="front-face" src="img/react.svg" alt="React" style="background-color: red"/>
+ <img class="front-face" src="img/react.svg" alt="React" style="background-color: #FFCCCB"/>
<img class="back-face" src="img/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card" data-framework="react">
- <img class="front-face" src="img/react.svg" alt="React" />
+ <img class="front-face" src="img/react.svg" alt="React" style="background-color: #90EE90"/>
<img class="back-face" src="img/js-badge.svg" alt="JS Badge" />
</div>
</section>
<script src="scripts.js"></script>
+
+ <!--- From https://marina-ferreira.github.io/tutorials/js/memory-game/ --->
</body>
</html>