chore: Update game configuration and styles for improved performance …

…and readability

docs/assets/index-BSW8sJDB.css

@@ -0,0 +1,95 @@
+* {
+  margin: 0px;
+  padding: 0px;
+}
+.canvas {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  border-radius: 10px;
+}
+.bg {
+  z-index: -1;
+  background-color: rgb(226, 233, 175);
+}
+.game {
+  position: relative;
+  height: 80vh;
+  background-size: 100% 100%;
+  aspect-ratio: 9 / 18;
+  z-index: 99;
+  transform: scale(0.9);
+  border-radius: 10px;
+  border: 1px solid black;
+}
+.container{
+  position: relative;
+  margin: auto;
+  height: min-content;
+  width: 400px;
+  background-color: rgb(158,173,134);
+  /* z-index: ; */
+}
+button,.score,.eliminate{
+  padding: 8px 16px;
+  color: white;
+  border: none;
+  border-radius: 4px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  cursor: pointer;
+  transition: background-color 0.3s;
+}
+.start{
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  height: 50px;
+  width: 100px;
+  background-color: #328855;
+  transform: translate(-50%, -50%);
+  z-index: 99;
+}
+.start:hover{
+  background-color: #64c88a;
+}
+.next_brick{
+  position: absolute;
+  background-color:white ;
+  border: 1px solid black;
+  top: 0;
+  right: 0;
+  transform-origin:right center ;
+  transform: scale(0.4);
+}
+
+.score{
+  position: absolute;
+  background-color: brown;
+  top: 20%;
+  right: 0;
+}
+.eliminate{
+  position: absolute;
+  background-color: brown;
+  top: 30%;
+  right: 0;
+}
+.regame{
+  position: absolute;
+  background-color: brown;
+  top: 40%;
+  right: 0;
+}
+
+.restart{
+  display: none;
+}
+.pause{
+  display: none;
+  position: absolute;
+  background-color: brown;
+  top: 50%;
+  right: 0;
+}