diff --git a/LICENSE b/Extra/LICENSE
similarity index 100%
rename from LICENSE
rename to Extra/LICENSE
diff --git a/README.md b/Extra/README.md
similarity index 100%
rename from README.md
rename to Extra/README.md
diff --git a/index.html b/Main/index.html
similarity index 100%
rename from index.html
rename to Main/index.html
diff --git a/script.js b/Main/script.js
similarity index 100%
rename from script.js
rename to Main/script.js
diff --git a/style.css b/Main/style.css
similarity index 86%
rename from style.css
rename to Main/style.css
index fce24b5..22d3ece 100644
--- a/style.css
+++ b/Main/style.css
@@ -16,8 +16,7 @@ body {
 }
 
 .wrapper {
-    width: 65vmin;
-    height: 70vmin;
+    width: 80vmin;
     display: flex;
     flex-direction: column;
     border-radius: 5px;
@@ -35,11 +34,15 @@ body {
 
 .play-board {
     width: 100%;
-    height: 100%;
+    aspect-ratio: 1;
     display: grid;
     grid-template-rows: repeat(30, 1fr);
     grid-template-columns: repeat(30, 1fr);
     background-color: #212837;
+    background-image: 
+        repeating-linear-gradient(0deg, #2a3142 0px, #2a3142 1px, transparent 1px, transparent),
+        repeating-linear-gradient(90deg, #2a3142 0px, #2a3142 1px, transparent 1px, transparent);
+    background-size: calc(100% / 30) calc(100% / 30);
 }
 
 .play-board .food {