diff --git a/src/component/bg.svelte b/src/component/bg.svelte
index 4c447b8..91746b2 100644
--- a/src/component/bg.svelte
+++ b/src/component/bg.svelte
@@ -266,4 +266,13 @@
   }
 </script>
 
-<canvas class="bg-canvas" id="bg-canvas"></canvas>
+<canvas id="bg-canvas"></canvas>
+
+<style>
+  canvas#bg-canvas {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: -1;
+  }
+</style>
diff --git a/src/style/main.scss b/src/style/main.scss
index 70b19ae..6e1408b 100644
--- a/src/style/main.scss
+++ b/src/style/main.scss
@@ -19,13 +19,6 @@ body {
   color: global.$text-color;
 }
 
-canvas.bg-canvas {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: -1;
-}
-
 spacer {
   display: block;
   margin-top: 8%;