diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..26652ad
Binary files /dev/null and b/.DS_Store differ
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..fbc7999
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,8 @@
+{
+    "recommendations": [
+        "ms-python.python",
+        "visualstudioexptteam.vscodeintellicode",
+        "ms-python.vscode-pylance",
+        "paulober.pico-w-go"
+    ]
+}
\ No newline at end of file
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..03be782
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,15 @@
+{
+    "python.languageServer": "Pylance",
+    "python.analysis.typeCheckingMode": "basic",
+    "python.analysis.diagnosticSeverityOverrides": {
+        "reportMissingModuleSource": "none"
+    },
+    "python.terminal.activateEnvironment": false,
+    "micropico.openOnStart": true,
+    "python.analysis.typeshedPaths": [
+        "~/.micropico-stubs/included"
+    ],
+    "python.analysis.extraPaths": [
+        "~/.micropico-stubs/included"
+    ]
+}
\ No newline at end of file
diff --git a/webpage/index.html b/webpage/index.html
deleted file mode 100644
index 2eaef9e..0000000
--- a/webpage/index.html
+++ /dev/null
@@ -1,100 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>brum brum</title>
-    <link type="text/css" rel="stylesheet" href="./style.css">
-</head>
-<style>
-    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;
-    margin-top: 100px;
-    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%);
-}
-@media (max-width: 900px) {
-    #dalinec {
-        width: 90vw;
-        height: 90vw;
-    }
-    .button {
-        width: 20vw;
-        height: 20vw;
-        font-size: 8vw;
-    }
-}
-</style>
-<body>
-    <div id="dalinec">
-        <form method="get" action="left">
-            <button class="button" id="levo" type="submit" value="left">
-                ←
-            </button>
-        </form>
-        <form method="get" action="up">
-            <button class="button" id="gor" type="submit" value="up">
-                ↑
-            </button>
-        </form>
-        <form method="get" action="down">
-            <button class="button" id="dol" type="submit" value="down">
-                ↓
-            </button>
-        </form>
-        <form method="get" action="right">
-            <button class="button" id="desno" type="submit" value="right">
-                →
-            </button>
-        </form>
-        
-    </div>
-</body>
-</html>
