diff --git a/website/index.html b/website/index.html
new file mode 100644
index 0000000..b5e5965
--- /dev/null
+++ b/website/index.html
@@ -0,0 +1,25 @@
+
+
+
+
+
+ brum brum
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/website/script.js b/website/script.js
new file mode 100644
index 0000000..e69de29
diff --git a/website/style.css b/website/style.css
new file mode 100644
index 0000000..6f54341
--- /dev/null
+++ b/website/style.css
@@ -0,0 +1,65 @@
+body {
+ background-color: #3a3a3a;
+}
+.button {
+ position: absolute;
+ width: 200px;
+ height: 200px;
+ border-radius: 25px;
+ font-size: 100px;
+ background-color: #8a0261;
+ border: none;
+ color: rgba(255, 255, 255, 0.92);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer;
+}
+button.button:hover{
+ background-color: #bb0284;
+}
+button.button:active{
+ background-color: #d10594;
+}
+#dalinec {
+ display: block;
+ margin: auto;
+ background-color: #333;
+ border-radius: 25px;
+ width: 800px;
+ height: 800px;
+ position: relative;
+}
+#levo {
+ left: 25%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+}
+#desno {
+ left: 75%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+}
+#gor {
+ left: 50%;
+ top: 25%;
+ transform: translate(-50%, -50%);
+}
+#dol {
+ left: 50%;
+ top: 75%;
+ transform: translate(-50%, -50%);
+}
+
+/* Responsive: scale down container and button sizes on small screens */
+@media (max-width: 900px) {
+ #dalinec {
+ width: 90vw;
+ height: 90vw;
+ }
+ .button {
+ width: 20vw;
+ height: 20vw;
+ font-size: 8vw;
+ }
+}
\ No newline at end of file