LOGO
+insert coin!
+diff --git a/css/common.css b/css/common.css index e36a414..d33ac9e 100644 --- a/css/common.css +++ b/css/common.css @@ -3,12 +3,41 @@ margin: 0px; padding: 0px; font-family: "Press Start 2p", cursive; + font-size: 15px; } body { background-color: black; } +#game-select-container{ + display: none; +} + +#logo{ + font-size: 30px; + margin-bottom: 100px; + margin-top: -50px; +} + +#game-diaplay-left{ + position: absolute; + width: 226px; + top: 371px; + left: 195px; +} + +#game-diaplay-right{ + position: absolute; + width: 245px; + top: 361px; + left: 1274px; +} + +#insert-coin-text{ + color: yellow; +} + #game-container { width: 1707px; height: 930px; @@ -149,7 +178,7 @@ body { color: white; } -#content { +#content, #game-start-content { width: 100%; height: 100%; top: 0; @@ -291,9 +320,9 @@ body { #count-down { display: none; - position: fixed; + position: relative; top: 50%; - left: 57%; + left: 50%; transform: translate(-50%, -50%); font-size: 2.5rem; color: red; diff --git a/images/main/arcade_background_img_2.jpeg b/images/main/arcade_background_img_2.jpeg new file mode 100644 index 0000000..6630b2e Binary files /dev/null and b/images/main/arcade_background_img_2.jpeg differ diff --git a/images/main/game-display-1.gif b/images/main/game-display-1.gif new file mode 100644 index 0000000..8cf2e05 Binary files /dev/null and b/images/main/game-display-1.gif differ diff --git a/images/main/game-display-2.gif b/images/main/game-display-2.gif new file mode 100644 index 0000000..e5c1fb0 Binary files /dev/null and b/images/main/game-display-2.gif differ diff --git a/index.html b/index.html index 327ddf8..a18d88e 100644 --- a/index.html +++ b/index.html @@ -63,10 +63,11 @@ /> -
LOGO
+insert coin!
+