diff --git a/index.html b/index.html
index 05ac7af..59a9fdc 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
     <meta name="author" content="IP.AF">
     <meta charset="utf-8">
     <link rel="stylesheet" type="text/css" href="./index.css" media="screen" />
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.5/dat.gui.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/lil-gui@0.19"></script>
     <script type="text/javascript" src="./index.js"></script>
 </head>
 
diff --git a/index.js b/index.js
index 049a3b7..24710a5 100644
--- a/index.js
+++ b/index.js
@@ -21,8 +21,8 @@ window.onload = function () {
         ui_other_codesCommaSeparated: "THE MATRIX",
         codes: makeCodes("THE MATRIX"),
         ui_color_colorMode: "2",
-        ui_color_matrixColor: [0, 255, 0],
-        matrixColor: rgbToHue([0, 255, 0]),
+        ui_color_matrixColor: [0, 1, 0],
+        matrixColor: rgbToHue([0, 1, 0]),
         ui_color_colorAnimationSpeed: 0.5,
         colorAnimationSpeed: calculateColorAnimationSpeed(0.5),
         ui_color_highlightFirstCharacter: true,
@@ -40,9 +40,8 @@ window.onload = function () {
         drawGui();
 
     function drawGui() {
-        gui = new dat.GUI({ autoPlace: false })
-        gui.width = 400;
-
+        gui = new lil.GUI({ autoPlace: false });
+        
         const rainFolder = gui.addFolder('Rain');
         rainFolder.add(options, 'ui_rain_matrixSpeed').min(1).max(60).step(1).name('Matrix Speed').onChange(() => {
             options.fpsInterval = calculateFpsInterval(options.ui_rain_matrixSpeed);