diff --git a/bare/common.css b/bare/common.css
new file mode 100644
index 0000000..f2c9d2b
--- /dev/null
+++ b/bare/common.css
@@ -0,0 +1,24 @@
+* {
+    padding: 0;
+    margin: 0;
+    background-color: #181c20;
+    color: white;
+    box-sizing: border-box;
+}
+
+.main-container {
+    display: flex;
+    justify-content: space-around;
+    align-items: stretch;
+    background-color: black;
+    gap: 0.33333333vw;
+    height: 99.5vh;
+}
+.main-element {
+    display: inline-block;
+    height: 99.5vh;
+    width: 32vw;
+    text-align: center;
+    background-color: #181c20;
+    position: relative;
+}
diff --git a/bare/index.html b/bare/index.html
index 300bd9c..7f2c67d 100644
--- a/bare/index.html
+++ b/bare/index.html
@@ -4,6 +4,7 @@
         <meta charset="UTF-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <link rel="stylesheet" href="common.css" />
         <link rel="stylesheet" href="style.css" />
         <title>Document</title>
     </head>
diff --git a/bare/style.css b/bare/style.css
index b3872bd..e77a254 100644
--- a/bare/style.css
+++ b/bare/style.css
@@ -1,28 +1,3 @@
-* {
-    padding: 0;
-    margin: 0;
-    background-color: #181c20;
-    color: white;
-    box-sizing: border-box;
-}
-
-.main-container {
-    display: flex;
-    justify-content: space-around;
-    align-items: stretch;
-    background-color: black;
-    gap: 0.33333333vw;
-    height: 99.5vh;
-}
-.main-element {
-    display: inline-block;
-    height: 99.5vh;
-    width: 32vw;
-    text-align: center;
-    background-color: #181c20;
-    position: relative;
-}
-
 .robotimg {
     height: 99.5vh;
     width: 32vw;