refactoring: das oberflächliche aussiehen verändert

schlangen_und_leitern/HTML.html

@@ -32,8 +32,8 @@
         </div>
         <div id = "rightSide">
             <p id ="isUp">Spieler 1 ist dran</p>
-            <input type="button" id ="replay" onclick="document.location.reload(true)" value = "Replay" style="display: none;">
-            <input type="button" id ="continue" onclick= "continueGame()" value = "continue playing"style="display: none;">
+            <input type="button" id ="replay" onclick="document.location.reload(true)" value = "Neustart" style="display: none;">
+            <input type="button" id ="continue" onclick= "continueGame()" value = "Spiel weiter"style="display: none;">
             
             <div class = container id="würfelBereich" style="display: none;" >
                 <img src="/img/wurfle/f(1).png" id="face">

schlangen_und_leitern/css/style.css

@@ -1,13 +1,21 @@
 h1{
 
     text-align: center;
-    font-size: 50px;
+    font-size: 65px;
+    text-decoration: underline;
 }
 
 .playerSelect{
 
     display: flex;
     justify-content: center;
+    
+
+}
+
+.playerButton{
+
+    outline: auto;
 
 
 }
@@ -16,7 +24,7 @@ h1{
     
     height: 170px;
     width: 170px;
-
+    background-color: rgb(255, 255, 255);
     display: grid;
     grid-template-columns: 30px 100px 30px;
     grid-template-rows: 30px 100px 30px;
@@ -89,22 +97,41 @@ position: fixed;
 
 #leftSide{
 
-    width: 557px; 
+    width: 50%; 
     height: 537px;
+    padding-left: 10%;
+    padding-right: 10%;
     float: left; 
 }
 #rightSide{
 
-    margin-left: 537px; 
+    margin-left: 50%; 
     height: 537px;
+    padding-right: 10%;
 }
 
 #isUp{
-
-    text-align: center;
-    font-size: 60px;
+    margin: auto;
+    
+    font-size: 50px;
     display: none;
 
+}
+
+#replay {
+
+
+
+
+
+
+}
+
+#continue {
+
+
+
+
 
 
 }