MNG-106 instructions in how to play modal (#42)

index.html

@@ -60,15 +60,15 @@
         <div class="popupScreen" id='info-modal-screen'>
                 <div id="modal-exit-button" class="exitButton">&#10006;</div>
                 <p id="modal-header" class="modalHeader">How to play?</p>
-                <p id="modal-paragraph" class="modalParagraph"></p>
+                <p id="modal-paragraph" class="modalParagraph">After entering the players' names, click start. <br>Each player chooses three pokemon and then the game begins. <br>During his move, the player can attack the opponent, change the pokemon or use the mango (heal currently used pokemon). <br>The one who kills all the opponent's pokemon faster wins. <br>Have fun!  </p>
         </div>
     </template>
 
     <template id="authors-modal-template">
         <div class="popupScreen" id='authors-modal-screen'>
                 <div id="modal-exit-button" class="exitButton">&#10006;</div>
-                <p id="modal-header" class="modalHeader">Mentor: Łukasz Dutka <br>Aleksandra Cypko <br>Małgorzata Dziewit <br>Daria Dziubałtowska <br>Agata Ludwiczyńska <br>Mariusz Smarż</p>
-                <p id="modal-paragraph" class="modalParagraph"></p>
+                <p id="modal-header" class="modalHeader">Authors:</p>
+                <p id="modal-paragraph" class="modalParagraph">Mentor: Łukasz Dutka <br>Aleksandra Cypko <br>Małgorzata Dziewit <br>Daria Dziubałtowska <br>Agata Ludwiczyńska <br>Mariusz Smarż</p>
         </div>
     </template>
 

styles/SASS/_start-view.scss

@@ -194,7 +194,9 @@
         }
 
         .modalParagraph {
-            font-size: 0.3em;
+            padding: 0 8vw 20vh 8vw;
+            font-size: 0.8em;
+            text-align: center;
         }
     }