diff --git a/src/components/__snapshots__/Snapshot.test.jsx.snap b/src/components/__snapshots__/Snapshot.test.jsx.snap
index 9d6c67e..a874a26 100644
--- a/src/components/__snapshots__/Snapshot.test.jsx.snap
+++ b/src/components/__snapshots__/Snapshot.test.jsx.snap
@@ -1,13 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Components snapshots renders the FrontPage correctly 1`] = `
-.c19 {
+.c11 {
   color: snow;
   font-weight: bold;
   text-decoration: none;
 }
 
-.c19:hover {
+.c11:hover {
   color: #dadada;
   text-decoration: underline;
 }
@@ -25,7 +25,7 @@ exports[`Components snapshots renders the FrontPage correctly 1`] = `
   user-select: initial;
 }
 
-.c17 {
+.c10 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -36,7 +36,7 @@ exports[`Components snapshots renders the FrontPage correctly 1`] = `
   justify-content: space-between;
 }
 
-.c16 {
+.c9 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -78,20 +78,20 @@ exports[`Components snapshots renders the FrontPage correctly 1`] = `
 }
 
 .c2 > img {
-  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5));
+  filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
 }
 
 .c1 {
   background: #d9534f;
 }
 
-.c9 {
+.c8 {
   background: #5cb85c;
 }
 
 .c6 {
   background: white;
-  box-shadow: 0 0 4px 4px rgba(85, 95, 110, 0.4);
+  box-shadow: 0 0 4px 4px rgba(85,95,110,0.4);
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;
@@ -101,7 +101,7 @@ exports[`Components snapshots renders the FrontPage correctly 1`] = `
 }
 
 .c6 > img {
-  filter: drop-shadow(-2px 2px 2px rgba(0, 0, 0, 0.5));
+  filter: drop-shadow(-2px 2px 2px rgba(0,0,0,0.5));
 }
 
 .c5 {
@@ -111,8 +111,8 @@ exports[`Components snapshots renders the FrontPage correctly 1`] = `
   text-shadow: 5px 5px #be2f2b;
 }
 
-.c8 {
-  font-family: 'Open Sans Condensed', sans-serif;
+.c7 {
+  font-family: 'Open Sans Condensed',sans-serif;
   font-size: 2em;
   font-weight: lighter;
   padding: 0 0.5em;
@@ -143,16 +143,16 @@ exports[`Components snapshots renders the FrontPage correctly 1`] = `
         src="/images/logo.png"
       />
       <div
-        className="c8"
+        className="c7"
       >
         Es una plataforma que presenta actividades escolares diseñadas para que sean divertidas y ayuden a afianzar los conocimientos de las distintas asignaturas a través de resolverlas de una manera diferente a como se aprenden en clase.
       </div>
     </div>
     <div
-      className="c9 c2 c3"
+      className="c8 c2 c3"
     >
       <div
-        className="c8"
+        className="c7"
       >
         Cada actividad está estructurada en niveles. Cada nivel representa un desafío y a medida que se avanza de nivel, más aumenta la dificultad.
       </div>
@@ -167,7 +167,7 @@ exports[`Components snapshots renders the FrontPage correctly 1`] = `
         src="/images/computer-thinking.png"
       />
       <div
-        className="c8"
+        className="c7"
       >
         ¿Qué es el 
         <b>
@@ -178,15 +178,15 @@ exports[`Components snapshots renders the FrontPage correctly 1`] = `
     </div>
   </div>
   <div
-    className="c16"
+    className="c9"
   >
     <div
-      className="c17 c4"
+      className="c10 c4"
     >
       <span>
         Equipo de desarrollo de Códimo. 
         <a
-          className="c19"
+          className="c11"
           href="https://www.unrn.edu.ar/"
           target="_blank"
         >
@@ -197,7 +197,7 @@ exports[`Components snapshots renders the FrontPage correctly 1`] = `
       <span>
         Distribuído bajo licencia 
         <a
-          className="c19"
+          className="c11"
           href="https://github.com/lgraziani2712/codimo/blob/master/LICENSE"
           target="_blank"
         >
diff --git a/src/components/blockly/__snapshots__/Snapshot.test.jsx.snap b/src/components/blockly/__snapshots__/Snapshot.test.jsx.snap
index 42f7401..5f97ea6 100644
--- a/src/components/blockly/__snapshots__/Snapshot.test.jsx.snap
+++ b/src/components/blockly/__snapshots__/Snapshot.test.jsx.snap
@@ -17,9 +17,9 @@ exports[`Components snapshots renders the ActionBar correctly 1`] = `
 
 .c2:active {
   border-bottom: 1px solid;
-  -webkit-transform: translate(0, 5px);
-  -ms-transform: translate(0, 5px);
-  transform: translate(0, 5px);
+  -webkit-transform: translate(0,5px);
+  -ms-transform: translate(0,5px);
+  transform: translate(0,5px);
 }
 
 .c1 {
@@ -80,9 +80,9 @@ exports[`Components snapshots renders the Button correctly 1`] = `
 
 .c1:active {
   border-bottom: 1px solid;
-  -webkit-transform: translate(0, 5px);
-  -ms-transform: translate(0, 5px);
-  transform: translate(0, 5px);
+  -webkit-transform: translate(0,5px);
+  -ms-transform: translate(0,5px);
+  transform: translate(0,5px);
 }
 
 .c0 {
diff --git a/src/components/pages/__snapshots__/Snapshot.test.jsx.snap b/src/components/pages/__snapshots__/Snapshot.test.jsx.snap
index 04f85ca..febdfa6 100644
--- a/src/components/pages/__snapshots__/Snapshot.test.jsx.snap
+++ b/src/components/pages/__snapshots__/Snapshot.test.jsx.snap
@@ -63,11 +63,11 @@ exports[`Components snapshots renders the MenuBar correctly 1`] = `
   font-size: 1.5rem;
   font-weight: bold;
   margin-left: 3px;
-  text-shadow: 0 1px 2px rgba(85, 95, 110, 0.4);
+  text-shadow: 0 1px 2px rgba(85,95,110,0.4);
 }
 
 .c4 {
-  filter: drop-shadow(0 1px 2px rgba(85, 95, 110, 0.4));
+  filter: drop-shadow(0 1px 2px rgba(85,95,110,0.4));
 }
 
 .c9 {
@@ -77,11 +77,11 @@ exports[`Components snapshots renders the MenuBar correctly 1`] = `
 }
 
 .c9 path {
-  fill: rgba(0, 0, 0, 0.6);
+  fill: rgba(0,0,0,0.6);
 }
 
 a:hover > .c9 path {
-  fill: rgba(0, 0, 0, 0.7);
+  fill: rgba(0,0,0,0.7);
 }
 
 .c2 {
@@ -90,8 +90,8 @@ a:hover > .c9 path {
 }
 
 .c0 {
-  background: rgba(240, 240, 240, 0.9);
-  box-shadow: 0 0 4px 4px rgba(85, 95, 110, 0.4);
+  background: rgba(240,240,240,0.9);
+  box-shadow: 0 0 4px 4px rgba(85,95,110,0.4);
   height: 55px;
   position: relative;
   width: 100%;
@@ -348,11 +348,11 @@ exports[`Components snapshots renders the links correctly 2`] = `
   font-size: 1.5rem;
   font-weight: bold;
   margin-left: 3px;
-  text-shadow: 0 1px 2px rgba(85, 95, 110, 0.4);
+  text-shadow: 0 1px 2px rgba(85,95,110,0.4);
 }
 
 .c1 {
-  filter: drop-shadow(0 1px 2px rgba(85, 95, 110, 0.4));
+  filter: drop-shadow(0 1px 2px rgba(85,95,110,0.4));
 }
 
 <a
@@ -380,11 +380,11 @@ exports[`Components snapshots renders the links correctly 3`] = `
 }
 
 .c0 path {
-  fill: rgba(0, 0, 0, 0.6);
+  fill: rgba(0,0,0,0.6);
 }
 
 a:hover > .c0 path {
-  fill: rgba(0, 0, 0, 0.7);
+  fill: rgba(0,0,0,0.7);
 }
 
 <a