🎡👣 Checkpoint

./views/index.html:1954897/8352
./public/styles.css:1954897/27

views/index.html

@@ -22,7 +22,7 @@
         </style>
     </head>
     <body>
-        <div class="container center" id="main">
+        <div class="container middle" id="main">
             <div class="lead">
                 <h1>Tabú</h1>
                 <p>
@@ -35,7 +35,7 @@
             </noscript>
             <div class="flex no-js-hide">
                 <button class="btn">Jugar</button>
-                <button class="btn" onclick="main.hidden = true; rules.hidden = false;">Repasar las reglas</button>
+                <button class="btn" onclick="openRules">Repasar las reglas</button>
             </div>
         </div>
         <div class="container" id="rules" hidden>
@@ -43,10 +43,11 @@
             <p>
                 Cada quien tendrá una palabra o frase en la frente. El objetivo es hacer que la digan.
             </p>
-            <button class="btn" onclick="main.hidden = false; rules.hidden = true;">Entendido</button>
+            <button class="btn" onclick="openMain">Entendido</button>
         </div>
-        <div class="container" id="view2" hidden>
-            
+        <div class="container middle" id="view2" hidden>
+            <h1 class="h4 center">Dale el celular a la persona a tu izquierda.</h1>
+            <button class="btn">¡Listo!</button>
         </div>
     </body>
     <script src="./script.js" charset="utf-8"></script>