diff --git a/src/root.css b/src/App.module.scss
similarity index 100%
rename from src/root.css
rename to src/App.module.scss
diff --git a/src/App.svelte b/src/App.svelte
index 6d9b263..925dbc0 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+    import style from './App.module.scss';
+
     import Load from './page/Load/Load.svelte';
     import Home from './page/Home/Home.svelte';
 
@@ -18,8 +20,8 @@
 </script>
 
 <Titlebar />
-<div class='backdrop'>
-    <div class='delay-show'>
+<div class={style.backdrop}>
+    <div class={style['delay-show']}>
         <Router {url}>
             <Route path='/' component={Home} />
             <Route path='/load' component={Load} />