move to style.css

shinomineko · shinomineko · commit 4d7fa610498f · 2024-12-13T22:16:00.000+07:00
diff --git a/index.html b/index.html
@@ -5,44 +5,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="robots" content="noindex, follow">
+  <link rel="stylesheet" href="./style.css">
   <title>zzz</title>
-  <style>
-    :root {
-      --text: #000;
-      --bg: #fafafa;
-    }
-
-    body {
-      background-color: var(--bg);
-      color: var(--text);
-    }
-
-    @media (prefers-color-scheme: dark) {
-      :root {
-        --text: #dfdfdf;
-        --bg: #0e0e0e;
-      }
-    }
-
-    .content {
-      width: 100%;
-      max-width: 1200px;
-      margin: auto;
-    }
-
-    .eepy {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      height: 100vh;
-    }
-
-    .eepy img {
-      max-width: 100%;
-      height: auto;
-      object-fit: cover;
-    }
-  </style>
 </head>
 
 <body>
diff --git a/style.css b/style.css
@@ -0,0 +1,35 @@
+:root {
+  --text: #000;
+  --bg: #fafafa;
+}
+
+body {
+  background-color: var(--bg);
+  color: var(--text);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --text: #dfdfdf;
+    --bg: #0e0e0e;
+  }
+}
+
+.content {
+  width: 100%;
+  max-width: 1200px;
+  margin: auto;
+}
+
+.eepy {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+}
+
+.eepy img {
+  max-width: 100%;
+  height: auto;
+  object-fit: cover;
+}
