diff --git a/src/index.scss b/src/index.css
similarity index 97%
rename from src/index.scss
rename to src/index.css
index d22a4d7..454689c 100644
--- a/src/index.scss
+++ b/src/index.css
@@ -1,5 +1,3 @@
-@use "sass:meta";
-
 ::-webkit-scrollbar-track {
     box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
@@ -26,7 +24,6 @@ body {
     sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
-    --z-primary: red;
 }
 
 code {
diff --git a/src/index.js b/src/index.js
index 1cbec3d..38804e2 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import './index.scss';
+import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
 import { HelmetProvider } from 'react-helmet-async';