Rewrite open template to new style.

src/base.scss

@@ -0,0 +1,3 @@
+* {
+  font-family: verdana, sans-serif;
+}

src/closed.scss

@@ -1,3 +1,4 @@
+@import "base";
 @keyframes fadeOut {
   0% {
     opacity: 1;

src/index.js

@@ -1,4 +1,5 @@
 import {startClosedAnimation} from "./closed";
+import "./open"
 
 window.addEventListener('load', function () {
     if (document.body.classList.contains('open')) {

src/open.js

@@ -0,0 +1 @@
+import './open.scss';

src/open.scss

@@ -0,0 +1,32 @@
+@import "base";
+
+@keyframes starrotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  25% {
+    transform: rotate(90deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+body.open {
+  height: 100%;
+  background-color: #a3d165;
+  text-align: center;
+}
+
+#wrapper {
+  margin: auto;
+  width: 999px;
+  height: 999px;
+  padding-top: 400px;
+  margin-top: -200px;
+  background-image: url(star.png);
+  background-repeat: no-repeat;
+  animation: starrotation 10s;
+  animation-iteration-count: infinite;
+  animation-timing-function: linear;
+}