Restructure CSS files.

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.
  *

src/closed.scss

@@ -1,4 +1,4 @@
-@import "base";
+// Styles for the "closed" frame.
 @keyframes fadeOut {
   0% {
     opacity: 1;

src/index.js

@@ -1,3 +1,4 @@
+import "./style.scss";
 import {startClosedAnimation} from "./closed";
 import {startOpenAnimation} from "./open";
 

src/open.js

@@ -1,7 +1,5 @@
 import * as THREE from "three";
 
-import './open.scss';
-
 const STAR_POINTS = 5;
 
 let scene, camera, renderer;

src/open.scss

@@ -1,5 +1,4 @@
-@import "base";
-
+// Styles for the "Open" page
 @keyframes starrotation {
   0% {
     transform: rotate(0deg);

src/style.scss

@@ -8,3 +8,6 @@
   top: 0;
   left: 0;
 }
+
+@import "open";
+@import "closed";