diff --git a/src/closed.js b/src/closed.js
index 8a506ab..0dc6ee9 100644
--- a/src/closed.js
+++ b/src/closed.js
@@ -3,7 +3,6 @@
  *
  * In it, we fill the screen evenly with "closed" messages. The locations are
  */
-require('./closed.scss');
 /**
  * Contains the state for this demo.
  *
diff --git a/src/closed.scss b/src/closed.scss
index 33fe91e..b996e14 100644
--- a/src/closed.scss
+++ b/src/closed.scss
@@ -1,4 +1,4 @@
-@import "base";
+// Styles for the "closed" frame.
 @keyframes fadeOut {
   0% {
     opacity: 1;
diff --git a/src/index.js b/src/index.js
index eb3d212..ccbb3d7 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,3 +1,4 @@
+import "./style.scss";
 import {startClosedAnimation} from "./closed";
 import {startOpenAnimation} from "./open";
 
diff --git a/src/open.js b/src/open.js
index 40b111e..ea1c606 100644
--- a/src/open.js
+++ b/src/open.js
@@ -1,7 +1,5 @@
 import * as THREE from "three";
 
-import './open.scss';
-
 const STAR_POINTS = 5;
 
 let scene, camera, renderer;
diff --git a/src/open.scss b/src/open.scss
index 787a9f2..7124361 100644
--- a/src/open.scss
+++ b/src/open.scss
@@ -1,5 +1,4 @@
-@import "base";
-
+// Styles for the "Open" page
 @keyframes starrotation {
   0% {
     transform: rotate(0deg);
diff --git a/src/base.scss b/src/style.scss
similarity index 77%
rename from src/base.scss
rename to src/style.scss
index 592d9bb..0253321 100644
--- a/src/base.scss
+++ b/src/style.scss
@@ -8,3 +8,6 @@
   top: 0;
   left: 0;
 }
+
+@import "open";
+@import "closed";