diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..03a268b
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,34 @@
+# Include any files or directories that you don't want to be copied to your
+# container here (e.g., local build artifacts, temporary files, etc.).
+#
+# For more help, visit the .dockerignore file reference guide at
+# https://docs.docker.com/go/build-context-dockerignore/
+
+**/.DS_Store
+**/__pycache__
+**/.venv
+**/.classpath
+**/.dockerignore
+**/.env
+**/.git
+**/.gitignore
+**/.project
+**/.settings
+**/.toolstarget
+**/.vs
+**/.vscode
+**/*.*proj.user
+**/*.dbmdl
+**/*.jfm
+**/bin
+**/charts
+**/docker-compose*
+**/compose.y*ml
+**/Dockerfile*
+**/node_modules
+**/npm-debug.log
+**/obj
+**/secrets.dev.yaml
+**/values.dev.yaml
+LICENSE
+README.md
diff --git a/compose.yaml b/compose.yaml
new file mode 100644
index 0000000..49763a7
--- /dev/null
+++ b/compose.yaml
@@ -0,0 +1,9 @@
+version: '3.8'
+
+services:
+ nginx:
+ image: nginx:latest
+ ports:
+ - "80:80"
+ volumes:
+ - .:/usr/share/nginx/html
\ No newline at end of file
diff --git a/index.html b/index.html
index 40c0fb8..f2324fc 100644
--- a/index.html
+++ b/index.html
@@ -3,6 +3,7 @@
da
+
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..505cb4d
--- /dev/null
+++ b/style.css
@@ -0,0 +1,70 @@
+/* Global Reset */
+* {
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ font-family: 'Arial', sans-serif;
+ scroll-behavior: smooth;
+}
+
+/* Body */
+body {
+ background-color: #121212; /* Dark mode background */
+ color: #E0E0E0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+ padding: 20px;
+}
+
+/* Canvas Container */
+.Block {
+ position: relative;
+}
+
+/* Canvas */
+#screen {
+ border: 2px solid #4CAF50;
+ background-color: #1e1e1e;
+ display: block;
+ max-width: 100%;
+}
+
+/* Toolbar Container */
+.border {
+ background: #1e1e1e;
+ padding: 10px;
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ border-radius: 8px;
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
+}
+
+/* Toolbar Buttons */
+button {
+ background-color: #4CAF50;
+ color: white;
+ padding: 10px 16px;
+ border: none;
+ border-radius: 6px;
+ cursor: pointer;
+ font-size: 14px;
+ font-weight: 600;
+ transition: background-color 0.2s ease, transform 0.1s ease;
+ display: inline-block;
+}
+
+button:hover {
+ background-color: #45a049;
+ transform: scale(1.05);
+}
+
+button:active {
+ background-color: #3e8e41;
+ transform: scale(0.95);
+}
+
+/* Inputs */
+input