diff --git a/src/index.html b/src/index.html
index 4b36784..6dcee83 100644
--- a/src/index.html
+++ b/src/index.html
@@ -3,43 +3,6 @@
     <head>
         <meta charset="UTF-8">
         <title>Vier gewinnt</title>
-        <style>
-            div {
-                box-sizing: border-box;
-            }
-
-            .board {
-                width: 84vw;
-                margin: auto;
-                outline: 1px solid black;
-            }
-
-            .board .field {
-                border: 1px solid black;
-                width: 12vw;
-                height: 12vw;
-                display: none;
-            }
-
-            .board .field:first-child {
-                display: block;
-            }
-
-            .board .field .piece {
-                width: 10vw;
-                height: 10vw;
-                border-radius: 50%;
-                margin: 1vw;
-            }
-
-            .board .field .blue {
-                background-color: blue;
-            }
-
-            .board .field .red {
-                background-color: red;
-            }
-        </style>
         <link rel="stylesheet" href="./styles/style.css" />
         <script type="module" src="./js/main.js"></script>
     </head>
diff --git a/src/styles/style.css b/src/styles/style.css
index e69de29..50b81a4 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -0,0 +1,35 @@
+div {
+    box-sizing: border-box;
+}
+
+.board {
+    width: 84vw;
+    margin: auto;
+    outline: 1px solid black;
+}
+
+.board .field {
+    border: 1px solid black;
+    width: 12vw;
+    height: 12vw;
+    display: none;
+}
+
+.board .field:first-child {
+    display: block;
+}
+
+.board .field .piece {
+    width: 10vw;
+    height: 10vw;
+    border-radius: 50%;
+    margin: 1vw;
+}
+
+.board .field .blue {
+    background-color: blue;
+}
+
+.board .field .red {
+    background-color: red;
+}
