diff --git a/main.go b/main.go
index 1860fd05..6a43fc20 100644
--- a/main.go
+++ b/main.go
@@ -1,6 +1,7 @@
 package main
 
 import (
+	"html/template"
 	"math/rand"
 	"os"
 	"strconv"
@@ -18,7 +19,6 @@ import (
 	"github.com/giongto35/cloud-game/util"
 	"github.com/giongto35/cloud-game/webrtc"
 
-	"github.com/gorilla/mux"
 	"github.com/gorilla/websocket"
 
 	"encoding/json"
@@ -27,7 +27,12 @@ import (
 // var webRTC *webrtc.WebRTC
 var width = 256
 var height = 240
-var index string = "./index_http.html"
+var indexFN string = "./static/gameboy.html"
+var service string = "http"
+
+type IndexPageData struct {
+	Service string
+}
 
 var upgrader = websocket.Upgrader{}
 
@@ -37,6 +42,12 @@ type WSPacket struct {
 	RoomID string `json:"room_id"`
 }
 
+type SessionPacket struct {
+	Game   string `json:"game"`
+	RoomID string `json:"room_id"`
+	SDP    string `json:"sdp"`
+}
+
 type Room struct {
 	imageChannel chan *image.RGBA
 	inputChannel chan int
@@ -57,30 +68,35 @@ func main() {
 	fmt.Printf("Usage: %s [ws]\n", os.Args[0])
 	fmt.Println("http://localhost:8000")
 	rooms = map[string]*Room{}
+
 	if len(os.Args) > 1 {
+		service = "ws"
 		log.Println("Using websocket")
-		index = "./index_ws.html"
 
 		// ignore origin
 		upgrader.CheckOrigin = func(r *http.Request) bool { return true }
-		http.HandleFunc("/", getWeb)
 		http.HandleFunc("/ws", ws)
-		http.ListenAndServe(":8000", nil)
 	} else {
 		log.Println("Using http")
-		router := mux.NewRouter()
-		router.HandleFunc("/", getWeb).Methods("GET")
-		router.HandleFunc("/session", postSession).Methods("POST")
-		http.ListenAndServe(":8000", router)
+		http.HandleFunc("/session", postSession)
 	}
+
+	http.HandleFunc("/", getWeb)
+	http.Handle("/static/", http.StripPrefix("/static/", http.FileServer(http.Dir("./static"))))
+	http.ListenAndServe(":8000", nil)
 }
 
 func getWeb(w http.ResponseWriter, r *http.Request) {
-	bs, err := ioutil.ReadFile(index)
-	if err != nil {
-		log.Fatal(err)
+	tmpl := template.Must(template.ParseFiles(indexFN))
+	data := IndexPageData{
+		Service: service,
 	}
-	w.Write(bs)
+	tmpl.Execute(w, data)
+	// bs, err := ioutil.ReadFile(index)
+	// if err != nil {
+	// 	log.Fatal(err)
+	// }
+	// w.Write(bs)
 }
 
 // initRoom initilize room returns roomID
@@ -195,12 +211,6 @@ func ws(w http.ResponseWriter, r *http.Request) {
 	}
 }
 
-type SessionPacket struct {
-	Game   string `json:"game"`
-	RoomID string `json:"room_id"`
-	SDP    string `json:"sdp"`
-}
-
 func postSession(w http.ResponseWriter, r *http.Request) {
 	bs, err := ioutil.ReadAll(r.Body)
 	if err != nil {
diff --git a/static/css/gameboy.css b/static/css/gameboy.css
new file mode 100644
index 00000000..6b2d3b0b
--- /dev/null
+++ b/static/css/gameboy.css
@@ -0,0 +1,6922 @@
+body {
+  color: white;
+  background-color: #000; /*Default bg, similar to the background's base color*/
+  background-image: url("https://i.pinimg.com/originals/97/00/63/9700632b137d620cb3d67315bff3b9c5.jpg");
+  background-position: right bottom; /*Positioning*/
+  background-repeat: no-repeat; /*Prevent showing multiple background images*/
+}
+
+#loading-screen {
+  width: 100%; 
+  height: 100%; 
+  display: none;
+  background-color: #222222;
+}
+
+#menu-screen {
+  display:none; 
+  width: 100%; 
+  height: 100%; 
+  background-image: url('https://data.whicdn.com/images/275493408/original.gif'); 
+  background-size: cover;
+}
+
+#menu-screen #box-art {
+  position: absolute; 
+  width:55%; 
+  height: 85%; 
+  top: 5px; 
+  left: 50%; 
+  -webkit-transform:  translate(-50%, -0%); 
+  transform: translate(-50%, -0%); 
+  border: 1px solid #ddd;
+}
+
+
+@font-face {
+  font-family: 'YourFontName'; /*a name to be used later*/
+  src: url('/static/fonts/8-Bit-Madness.ttf'); /*URL to font*/
+}
+
+#menu-screen #title {
+  position: absolute; 
+  width:100%; 
+  height: 10%; 
+  bottom: 0px; 
+  font-family: 'YourFontName';
+  overflow: hidden;
+}
+
+#menu-screen #title p {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  text-align: center;
+  /* Starting position */
+  -moz-transform:translateX(50%);
+  -webkit-transform:translateX(50%);	
+  transform:translateX(50%);
+  /* Apply animation to this element */	
+  -moz-animation: horizontally 5s linear infinite alternate;
+  -webkit-animation: horizontally 5s linear infinite alternate;
+  animation: horizontally 5s linear infinite alternate;
+}
+/* Move it (define the animation) */
+@-moz-keyframes horizontally {
+  0%   { -moz-transform: translateX(50%); }
+  100% { -moz-transform: translateX(-50%); }
+}
+@-webkit-keyframes horizontally {
+  0%   { -webkit-transform: translateX(50%); }
+  100% { -webkit-transform: translateX(-50%); }
+}
+@keyframes horizontally {
+  0%   { 
+  -moz-transform: translateX(50%); /* Browser bug fix */
+  -webkit-transform: translateX(50%); /* Browser bug fix */
+  transform: translateX(50%); 		
+  }
+  100% { 
+  -moz-transform: translateX(-50%); /* Browser bug fix */
+  -webkit-transform: translateX(-50%); /* Browser bug fix */
+  transform: translateX(-50%); 
+  }
+}
+
+
+#menu-screen .arrow {
+  position: absolute; 
+  width:20px; 
+  height: 20px; 
+  right: 10px; 
+  top: 50%; 
+  -webkit-transform: translate(0%, -50%);
+  transform: translate(0%, -50%);
+  
+  -webkit-animation: breathing 1s infinite normal;
+  animation: breathing 1s infinite normal;
+}
+
+#menu-screen .left {
+  left: 10px;
+  -webkit-transform: scaleX(-1) translate(0%, -50%);
+  transform: scaleX(-1) translate(0%, -50%);
+
+  -webkit-animation: breathing 1s infinite normal;
+  animation: breathing 1s infinite normal;
+}
+
+
+@-webkit-keyframes breathing {
+  0% {
+    opacity: 1;
+  }
+
+  25% {
+    opacity: 0.5;
+  }
+
+  50% {
+    opacity: 0;
+  }
+
+  75% {
+    opacity: 0.5;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes breathing {
+  0% {
+    opacity: 1;
+  }
+
+  25% {
+    opacity: 0.5;
+  }
+
+  50% {
+    opacity: 0;
+  }
+
+  75% {
+    opacity: 0.5;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+   
+
+#colors {
+  position: fixed;
+  bottom: 0px;
+}
+
+@import url(https://fonts.googleapis.com/css?family=Asap:400italic,700italic);
+@import url(https://fonts.googleapis.com/css?family=Oxygen:700,300);
+* {
+  box-sizing: border-box;
+}
+html {
+  background-color: #f0f0f0;
+  color: #222222;
+}
+body {
+  margin: 0;
+}
+#gameboy {
+  position: relative;
+  width: 340px;
+  height: 570px;
+  /*overflow: hidden;*/
+  top: 25%;
+  margin: auto;
+
+  line-height: 1;
+  border-radius: 15px 15px 170px 170px / 15px 15px 35px 35px;
+  -webkit-transform: translateZ(0) scale(1.5);
+  transform: translateZ(0) scale(1.5);
+  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
+}
+#gameboy:hover div {
+  opacity: 0.7;
+}
+#gameboy:hover div[class="circuit"]::before,
+#gameboy:hover div[class="circuit"]::after {
+  opacity: 0.5;
+}
+#gameboy:hover div[id^="screen-"][id$="-text"] {
+  opacity: 0;
+}
+#gameboy:hover div:not([id="speaker-holes"]):not([id^="cover-"]):not([id="power"]):not([class="capacitors"]):not([id$="-text"]):not([id="canvas"]):not([class="circuit"]):not([id="transistors"]):not([id="joystick-pad"]):not([id="control"]):not([id="start-select-button"]) {
+  box-shadow: 0 0 0 2px #222222;
+}
+#gameboy:hover #cover-vertical,
+#gameboy:hover #cover-horizontal {
+  opacity: 0.1;
+}
+#gameboy:hover #gloss {
+  opacity: 0.2;
+}
+#gameboy.transparent:hover #cover-vertical,
+#gameboy.transparent:hover #cover-horizontal {
+  opacity: 0.4;
+}
+#gameboy.transparent:hover #gloss {
+  opacity: 0.6;
+}
+@-moz-keyframes canvas {
+  0% {
+    width: 0;
+    height: 120px;
+    border-radius: 15px 15px 0 0;
+  }
+  3% {
+    width: 340px;
+    height: 120px;
+  }
+  5.5% {
+    height: 520px;
+  }
+  6.0% {
+    border-radius: 15px 15px 0 0;
+  }
+  7.0% {
+    height: 570px;
+    border-radius: 15px 15px 170px 170px / 15px 15px 35px 35px;
+  }
+}
+@-webkit-keyframes canvas {
+  0% {
+    width: 0;
+    height: 120px;
+    border-radius: 15px 15px 0 0;
+  }
+  3% {
+    width: 340px;
+    height: 120px;
+  }
+  5.5% {
+    height: 520px;
+  }
+  6.0% {
+    border-radius: 15px 15px 0 0;
+  }
+  7.0% {
+    height: 570px;
+    border-radius: 15px 15px 170px 170px / 15px 15px 35px 35px;
+  }
+}
+@keyframes canvas {
+  0% {
+    width: 0;
+    height: 120px;
+    border-radius: 15px 15px 0 0;
+  }
+  3% {
+    width: 340px;
+    height: 120px;
+  }
+  5.5% {
+    height: 520px;
+  }
+  6.0% {
+    border-radius: 15px 15px 0 0;
+  }
+  7.0% {
+    height: 570px;
+    border-radius: 15px 15px 170px 170px / 15px 15px 35px 35px;
+  }
+}
+#canvas {
+  position: absolute;
+  width: 340px;
+  height: 570px;
+  top: 0;
+  right: 0;
+  border-radius: 15px 15px 170px 170px / 15px 15px 35px 35px;
+  background-color: #b0b0b0;
+  -webkit-animation: canvas 8s  linear;
+  animation: canvas 8s  linear;
+  z-index: 1;
+}
+@-moz-keyframes border {
+  0% {
+    border-width: 0;
+    border-color: transparent;
+    width: 0;
+    height: 0;
+  }
+  1% {
+    border-width: 4px;
+    border-top-color: #808080;
+    width: 0;
+    height: 10px;
+  }
+  3% {
+    width: 318px;
+    border-left-color: transparent;
+    height: 10px;
+  }
+  3.3% {
+    width: 318px;
+    border-left-color: #808080;
+    height: 10px;
+  }
+  7.0% {
+    border-radius: 15px 15px 0 0;
+  }
+  7.3% {
+    height: 526px;
+    border-radius: 15px 15px 170px 170px / 15px 15px 35px 35px;
+  }
+  7.4% {
+    border-bottom-color: transparent;
+  }
+  7.5% {
+    border-bottom-color: #808080;
+  }
+  8.9% {
+    border-right-color: transparent;
+  }
+  9% {
+    border-right-color: #808080;
+  }
+}
+@-webkit-keyframes border {
+  0% {
+    border-width: 0;
+    border-color: transparent;
+    width: 0;
+    height: 0;
+  }
+  1% {
+    border-width: 4px;
+    border-top-color: #808080;
+    width: 0;
+    height: 10px;
+  }
+  3% {
+    width: 318px;
+    border-left-color: transparent;
+    height: 10px;
+  }
+  3.3% {
+    width: 318px;
+    border-left-color: #808080;
+    height: 10px;
+  }
+  7.0% {
+    border-radius: 15px 15px 0 0;
+  }
+  7.3% {
+    height: 526px;
+    border-radius: 15px 15px 170px 170px / 15px 15px 35px 35px;
+  }
+  7.4% {
+    border-bottom-color: transparent;
+  }
+  7.5% {
+    border-bottom-color: #808080;
+  }
+  8.9% {
+    border-right-color: transparent;
+  }
+  9% {
+    border-right-color: #808080;
+  }
+}
+@keyframes border {
+  0% {
+    border-width: 0;
+    border-color: transparent;
+    width: 0;
+    height: 0;
+  }
+  1% {
+    border-width: 4px;
+    border-top-color: #808080;
+    width: 0;
+    height: 10px;
+  }
+  3% {
+    width: 318px;
+    border-left-color: transparent;
+    height: 10px;
+  }
+  3.3% {
+    width: 318px;
+    border-left-color: #808080;
+    height: 10px;
+  }
+  7.0% {
+    border-radius: 15px 15px 0 0;
+  }
+  7.3% {
+    height: 526px;
+    border-radius: 15px 15px 170px 170px / 15px 15px 35px 35px;
+  }
+  7.4% {
+    border-bottom-color: transparent;
+  }
+  7.5% {
+    border-bottom-color: #808080;
+  }
+  8.9% {
+    border-right-color: transparent;
+  }
+  9% {
+    border-right-color: #808080;
+  }
+}
+#border {
+  position: absolute;
+  width: 318px;
+  height: 526px;
+  right: 11px;
+  top: 20px;
+  border: 4px #808080 solid;
+  border-radius: 15px 15px 170px 170px / 15px 15px 35px 35px;
+  z-index: 2;
+  -webkit-animation: border 8s  linear;
+  animation: border 8s  linear;
+}
+#border-top,
+#border-bottom {
+  position: absolute;
+  background-color: #b0b0b0;
+  width: 0;
+  height: 8px;
+  z-index: 3;
+}
+#border-left,
+#border-right {
+  position: absolute;
+  background-color: #b0b0b0;
+  height: 0;
+  z-index: 3;
+}
+@-moz-keyframes border-top {
+  0.5% {
+    width: 0;
+  }
+  3.0% {
+    width: 318px;
+    right: 11px;
+  }
+  3.5% {
+    width: 318px;
+    right: 11px;
+  }
+  5% {
+    width: 0;
+    right: 309px;
+  }
+}
+@-webkit-keyframes border-top {
+  0.5% {
+    width: 0;
+  }
+  3.0% {
+    width: 318px;
+    right: 11px;
+  }
+  3.5% {
+    width: 318px;
+    right: 11px;
+  }
+  5% {
+    width: 0;
+    right: 309px;
+  }
+}
+@keyframes border-top {
+  0.5% {
+    width: 0;
+  }
+  3.0% {
+    width: 318px;
+    right: 11px;
+  }
+  3.5% {
+    width: 318px;
+    right: 11px;
+  }
+  5% {
+    width: 0;
+    right: 309px;
+  }
+}
+#border-top {
+  top: 20px;
+  right: 11px;
+  -webkit-animation: border-top 8s  linear;
+  animation: border-top 8s  linear;
+}
+@-moz-keyframes border-left {
+  0% {
+    height: 0;
+  }
+  3% {
+    height: 0;
+  }
+  5% {
+    height: 326px;
+    top: 20px;
+  }
+  7.5% {
+    height: 0;
+    top: 546px;
+  }
+}
+@-webkit-keyframes border-left {
+  0% {
+    height: 0;
+  }
+  3% {
+    height: 0;
+  }
+  5% {
+    height: 326px;
+    top: 20px;
+  }
+  7.5% {
+    height: 0;
+    top: 546px;
+  }
+}
+@keyframes border-left {
+  0% {
+    height: 0;
+  }
+  3% {
+    height: 0;
+  }
+  5% {
+    height: 326px;
+    top: 20px;
+  }
+  7.5% {
+    height: 0;
+    top: 546px;
+  }
+}
+#border-left {
+  left: 11px;
+  top: 20px;
+  width: 20px;
+  -webkit-animation: border-left 8s  linear;
+  animation: border-left 8s  linear;
+}
+@-moz-keyframes border-bottom {
+  0% {
+    width: 0;
+  }
+  6.5% {
+    width: 0;
+  }
+  7.4% {
+    width: 318px;
+    left: 11px;
+  }
+  9.0% {
+    width: 0;
+    left: 329px;
+  }
+}
+@-webkit-keyframes border-bottom {
+  0% {
+    width: 0;
+  }
+  6.5% {
+    width: 0;
+  }
+  7.4% {
+    width: 318px;
+    left: 11px;
+  }
+  9.0% {
+    width: 0;
+    left: 329px;
+  }
+}
+@keyframes border-bottom {
+  0% {
+    width: 0;
+  }
+  6.5% {
+    width: 0;
+  }
+  7.4% {
+    width: 318px;
+    left: 11px;
+  }
+  9.0% {
+    width: 0;
+    left: 329px;
+  }
+}
+#border-bottom {
+  top: 516px;
+  left: 11px;
+  height: 30px;
+  -webkit-animation: border-bottom 8s  linear;
+  animation: border-bottom 8s  linear;
+}
+@-moz-keyframes border-right {
+  0% {
+    height: 0;
+  }
+  8% {
+    height: 0;
+  }
+  8.5% {
+    height: 496px;
+    top: 26px;
+  }
+  9% {
+    height: 496px;
+  }
+  11.5% {
+    height: 0;
+    top: 26px;
+  }
+  100% {
+    top: 546px;
+  }
+}
+@-webkit-keyframes border-right {
+  0% {
+    height: 0;
+  }
+  8% {
+    height: 0;
+  }
+  8.5% {
+    height: 496px;
+    top: 26px;
+  }
+  9% {
+    height: 496px;
+  }
+  11.5% {
+    height: 0;
+    top: 26px;
+  }
+  100% {
+    top: 546px;
+  }
+}
+@keyframes border-right {
+  0% {
+    height: 0;
+  }
+  8% {
+    height: 0;
+  }
+  8.5% {
+    height: 496px;
+    top: 26px;
+  }
+  9% {
+    height: 496px;
+  }
+  11.5% {
+    height: 0;
+    top: 26px;
+  }
+  100% {
+    top: 546px;
+  }
+}
+#border-right {
+  right: 11px;
+  top: 26px;
+  width: 8px;
+  -webkit-animation: border-right 8s  linear;
+  animation: border-right 8s  linear;
+}
+.screw {
+  border-radius: 100%;
+  background-color: #222222;
+  z-index: 4;
+  position: absolute;
+}
+.screw.small {
+  width: 18px;
+  height: 18px;
+  top: 34px;
+}
+.screw.large {
+  width: 20px;
+  height: 20px;
+  top: 235px;
+}
+@-moz-keyframes screw-small-right {
+  0% {
+    width: 0;
+    height: 0;
+    right: 34px;
+    top: 43px;
+  }
+  2.5% {
+    width: 0;
+    height: 0;
+    right: 34px;
+    top: 43px;
+  }
+  5.5% {
+    width: 18px;
+    height: 18px;
+    right: 25px;
+    top: 34px;
+  }
+}
+@-webkit-keyframes screw-small-right {
+  0% {
+    width: 0;
+    height: 0;
+    right: 34px;
+    top: 43px;
+  }
+  2.5% {
+    width: 0;
+    height: 0;
+    right: 34px;
+    top: 43px;
+  }
+  5.5% {
+    width: 18px;
+    height: 18px;
+    right: 25px;
+    top: 34px;
+  }
+}
+@keyframes screw-small-right {
+  0% {
+    width: 0;
+    height: 0;
+    right: 34px;
+    top: 43px;
+  }
+  2.5% {
+    width: 0;
+    height: 0;
+    right: 34px;
+    top: 43px;
+  }
+  5.5% {
+    width: 18px;
+    height: 18px;
+    right: 25px;
+    top: 34px;
+  }
+}
+#screw-small-right {
+  right: 25px;
+  -webkit-animation: screw-small-right 8s  linear;
+  animation: screw-small-right 8s  linear;
+}
+@-moz-keyframes screw-small-left {
+  0% {
+    width: 0;
+    height: 0;
+    left: 34px;
+    top: 43px;
+  }
+  3% {
+    width: 0;
+    height: 0;
+    left: 34px;
+    top: 43px;
+  }
+  6% {
+    width: 18px;
+    height: 18px;
+    left: 25px;
+    top: 34px;
+  }
+}
+@-webkit-keyframes screw-small-left {
+  0% {
+    width: 0;
+    height: 0;
+    left: 34px;
+    top: 43px;
+  }
+  3% {
+    width: 0;
+    height: 0;
+    left: 34px;
+    top: 43px;
+  }
+  6% {
+    width: 18px;
+    height: 18px;
+    left: 25px;
+    top: 34px;
+  }
+}
+@keyframes screw-small-left {
+  0% {
+    width: 0;
+    height: 0;
+    left: 34px;
+    top: 43px;
+  }
+  3% {
+    width: 0;
+    height: 0;
+    left: 34px;
+    top: 43px;
+  }
+  6% {
+    width: 18px;
+    height: 18px;
+    left: 25px;
+    top: 34px;
+  }
+}
+#screw-small-left {
+  left: 25px;
+  -webkit-animation: screw-small-left 8s  linear;
+  animation: screw-small-left 8s  linear;
+}
+@-moz-keyframes screw-large-right {
+  0% {
+    width: 0;
+    height: 0;
+    right: 13px;
+    top: 245px;
+  }
+  5.5% {
+    width: 0;
+    height: 0;
+    right: 13px;
+    top: 245px;
+  }
+  8.5% {
+    width: 20px;
+    height: 20px;
+    right: 3px;
+    top: 235px;
+  }
+}
+@-webkit-keyframes screw-large-right {
+  0% {
+    width: 0;
+    height: 0;
+    right: 13px;
+    top: 245px;
+  }
+  5.5% {
+    width: 0;
+    height: 0;
+    right: 13px;
+    top: 245px;
+  }
+  8.5% {
+    width: 20px;
+    height: 20px;
+    right: 3px;
+    top: 235px;
+  }
+}
+@keyframes screw-large-right {
+  0% {
+    width: 0;
+    height: 0;
+    right: 13px;
+    top: 245px;
+  }
+  5.5% {
+    width: 0;
+    height: 0;
+    right: 13px;
+    top: 245px;
+  }
+  8.5% {
+    width: 20px;
+    height: 20px;
+    right: 3px;
+    top: 235px;
+  }
+}
+#screw-large-right {
+  right: 3px;
+  -webkit-animation: screw-large-right 8s  linear;
+  animation: screw-large-right 8s  linear;
+}
+@-moz-keyframes screw-large-left {
+  0% {
+    width: 0;
+    height: 0;
+    left: 13px;
+    top: 245px;
+  }
+  6.5% {
+    width: 0;
+    height: 0;
+    left: 13px;
+    top: 245px;
+  }
+  9.5% {
+    width: 20px;
+    height: 20px;
+    left: 3px;
+    top: 235px;
+  }
+}
+@-webkit-keyframes screw-large-left {
+  0% {
+    width: 0;
+    height: 0;
+    left: 13px;
+    top: 245px;
+  }
+  6.5% {
+    width: 0;
+    height: 0;
+    left: 13px;
+    top: 245px;
+  }
+  9.5% {
+    width: 20px;
+    height: 20px;
+    left: 3px;
+    top: 235px;
+  }
+}
+@keyframes screw-large-left {
+  0% {
+    width: 0;
+    height: 0;
+    left: 13px;
+    top: 245px;
+  }
+  6.5% {
+    width: 0;
+    height: 0;
+    left: 13px;
+    top: 245px;
+  }
+  9.5% {
+    width: 20px;
+    height: 20px;
+    left: 3px;
+    top: 235px;
+  }
+}
+#screw-large-left {
+  left: 3px;
+  -webkit-animation: screw-large-left 8s  linear;
+  animation: screw-large-left 8s  linear;
+}
+@-moz-keyframes backboard {
+  0% {
+    width: 0;
+    height: 0;
+    left: 170px;
+    bottom: 340px;
+  }
+  4.5% {
+    width: 0;
+    height: 0;
+    left: 170px;
+  }
+  6.5% {
+    width: 36px;
+    height: 36px;
+    left: 152px;
+  }
+  10% {
+    width: 220px;
+    left: 60px;
+  }
+  10.5% {
+    height: 36px;
+  }
+  14% {
+    height: 75px;
+  }
+}
+@-webkit-keyframes backboard {
+  0% {
+    width: 0;
+    height: 0;
+    left: 170px;
+    bottom: 340px;
+  }
+  4.5% {
+    width: 0;
+    height: 0;
+    left: 170px;
+  }
+  6.5% {
+    width: 36px;
+    height: 36px;
+    left: 152px;
+  }
+  10% {
+    width: 220px;
+    left: 60px;
+  }
+  10.5% {
+    height: 36px;
+  }
+  14% {
+    height: 75px;
+  }
+}
+@keyframes backboard {
+  0% {
+    width: 0;
+    height: 0;
+    left: 170px;
+    bottom: 340px;
+  }
+  4.5% {
+    width: 0;
+    height: 0;
+    left: 170px;
+  }
+  6.5% {
+    width: 36px;
+    height: 36px;
+    left: 152px;
+  }
+  10% {
+    width: 220px;
+    left: 60px;
+  }
+  10.5% {
+    height: 36px;
+  }
+  14% {
+    height: 75px;
+  }
+}
+#backboard {
+  z-index: 2;
+  width: 220px;
+  height: 75px;
+  position: absolute;
+  left: 60px;
+  bottom: 340px;
+  background-color: #222222;
+  -webkit-animation: backboard 8s  linear;
+  animation: backboard 8s  linear;
+}
+@-moz-keyframes motherboard {
+  0% {
+    width: 0;
+    height: 0;
+    left: 170px;
+    top: 293px;
+  }
+  6% {
+    width: 0;
+    height: 0;
+    left: 170px;
+    top: 293px;
+  }
+  8% {
+    width: 56px;
+    height: 56px;
+    left: 142px;
+    top: 265px;
+  }
+  8.5% {
+    height: 56px;
+    top: 265px;
+  }
+  10.5% {
+    width: 56px;
+    height: 400px;
+    top: 75px;
+  }
+  11% {
+    width: 56px;
+    left: 142px;
+  }
+  16% {
+    width: 270px;
+    left: 35px;
+  }
+}
+@-webkit-keyframes motherboard {
+  0% {
+    width: 0;
+    height: 0;
+    left: 170px;
+    top: 293px;
+  }
+  6% {
+    width: 0;
+    height: 0;
+    left: 170px;
+    top: 293px;
+  }
+  8% {
+    width: 56px;
+    height: 56px;
+    left: 142px;
+    top: 265px;
+  }
+  8.5% {
+    height: 56px;
+    top: 265px;
+  }
+  10.5% {
+    width: 56px;
+    height: 400px;
+    top: 75px;
+  }
+  11% {
+    width: 56px;
+    left: 142px;
+  }
+  16% {
+    width: 270px;
+    left: 35px;
+  }
+}
+@keyframes motherboard {
+  0% {
+    width: 0;
+    height: 0;
+    left: 170px;
+    top: 293px;
+  }
+  6% {
+    width: 0;
+    height: 0;
+    left: 170px;
+    top: 293px;
+  }
+  8% {
+    width: 56px;
+    height: 56px;
+    left: 142px;
+    top: 265px;
+  }
+  8.5% {
+    height: 56px;
+    top: 265px;
+  }
+  10.5% {
+    width: 56px;
+    height: 400px;
+    top: 75px;
+  }
+  11% {
+    width: 56px;
+    left: 142px;
+  }
+  16% {
+    width: 270px;
+    left: 35px;
+  }
+}
+@-moz-keyframes motherboard-before {
+  0% {
+    height: 0;
+    box-shadow: -6px 400px #66947d, 9px 400px #66947d;
+  }
+  18% {
+    height: 0;
+  }
+  20% {
+    height: 100%;
+    box-shadow: -6px 400px #66947d, 9px 400px #66947d;
+  }
+  22% {
+    box-shadow: -6px 0 #66947d, 9px 400px #66947d;
+  }
+  24% {
+    box-shadow: -6px 0 #66947d, 9px 0 #66947d;
+  }
+}
+@-webkit-keyframes motherboard-before {
+  0% {
+    height: 0;
+    box-shadow: -6px 400px #66947d, 9px 400px #66947d;
+  }
+  18% {
+    height: 0;
+  }
+  20% {
+    height: 100%;
+    box-shadow: -6px 400px #66947d, 9px 400px #66947d;
+  }
+  22% {
+    box-shadow: -6px 0 #66947d, 9px 400px #66947d;
+  }
+  24% {
+    box-shadow: -6px 0 #66947d, 9px 0 #66947d;
+  }
+}
+@keyframes motherboard-before {
+  0% {
+    height: 0;
+    box-shadow: -6px 400px #66947d, 9px 400px #66947d;
+  }
+  18% {
+    height: 0;
+  }
+  20% {
+    height: 100%;
+    box-shadow: -6px 400px #66947d, 9px 400px #66947d;
+  }
+  22% {
+    box-shadow: -6px 0 #66947d, 9px 400px #66947d;
+  }
+  24% {
+    box-shadow: -6px 0 #66947d, 9px 0 #66947d;
+  }
+}
+#motherboard {
+  z-index: 3;
+  position: absolute;
+  width: 270px;
+  height: 400px;
+  left: 35px;
+  top: 75px;
+  overflow: hidden;
+  background-color: #4ca879;
+  -webkit-animation: motherboard 8s  linear;
+  animation: motherboard 8s  linear;
+}
+#motherboard::before {
+  content: "";
+  position: absolute;
+  left: 87px;
+  width: 2px;
+  height: 100%;
+  background-color: #66947d;
+  box-shadow: -6px 0 #66947d, 9px 0 #66947d;
+  -webkit-animation: motherboard-before 8s  linear;
+  animation: motherboard-before 8s  linear;
+}
+.chip {
+  z-index: 4;
+  background-color: #308d58;
+  position: absolute;
+}
+@-moz-keyframes chip-tall {
+  0% {
+    width: 0;
+    height: 400px;
+    right: 35px;
+  }
+  6.5% {
+    width: 0;
+  }
+  8.5% {
+    width: 30px;
+  }
+}
+@-webkit-keyframes chip-tall {
+  0% {
+    width: 0;
+    height: 400px;
+    right: 35px;
+  }
+  6.5% {
+    width: 0;
+  }
+  8.5% {
+    width: 30px;
+  }
+}
+@keyframes chip-tall {
+  0% {
+    width: 0;
+    height: 400px;
+    right: 35px;
+  }
+  6.5% {
+    width: 0;
+  }
+  8.5% {
+    width: 30px;
+  }
+}
+@-moz-keyframes chip-tall-before {
+  0% {
+    height: 0;
+  }
+  10% {
+    height: 0;
+  }
+  11.5% {
+    height: 100%;
+  }
+}
+@-webkit-keyframes chip-tall-before {
+  0% {
+    height: 0;
+  }
+  10% {
+    height: 0;
+  }
+  11.5% {
+    height: 100%;
+  }
+}
+@keyframes chip-tall-before {
+  0% {
+    height: 0;
+  }
+  10% {
+    height: 0;
+  }
+  11.5% {
+    height: 100%;
+  }
+}
+@-moz-keyframes chip-tall-after {
+  0% {
+    height: 0;
+  }
+  11.5% {
+    height: 0;
+  }
+  13% {
+    height: 100%;
+  }
+}
+@-webkit-keyframes chip-tall-after {
+  0% {
+    height: 0;
+  }
+  11.5% {
+    height: 0;
+  }
+  13% {
+    height: 100%;
+  }
+}
+@keyframes chip-tall-after {
+  0% {
+    height: 0;
+  }
+  11.5% {
+    height: 0;
+  }
+  13% {
+    height: 100%;
+  }
+}
+#chip-tall {
+  width: 30px;
+  height: 400px;
+  top: 75px;
+  right: 35px;
+  -webkit-animation: chip-tall 8s  linear;
+  animation: chip-tall 8s  linear;
+}
+#chip-tall::before {
+  content: "";
+  position: absolute;
+  right: 8px;
+  bottom: 0;
+  width: 4px;
+  height: 100%;
+  background-color: #267146;
+  -webkit-animation: chip-tall-before 8s  linear;
+  animation: chip-tall-before 8s  linear;
+}
+#chip-tall::after {
+  content: "";
+  position: absolute;
+  right: 18px;
+  bottom: 0;
+  width: 4px;
+  height: 100%;
+  background-color: #267146;
+  -webkit-animation: chip-tall-after 8s  linear;
+  animation: chip-tall-after 8s  linear;
+}
+@-moz-keyframes chip-short {
+  0% {
+    width: 0;
+    height: 200px;
+    right: 35px;
+  }
+  6.5% {
+    width: 0;
+  }
+  8.5% {
+    width: 30px;
+    height: 200px;
+  }
+  10.5% {
+    width: 80px;
+    height: 140px;
+  }
+}
+@-webkit-keyframes chip-short {
+  0% {
+    width: 0;
+    height: 200px;
+    right: 35px;
+  }
+  6.5% {
+    width: 0;
+  }
+  8.5% {
+    width: 30px;
+    height: 200px;
+  }
+  10.5% {
+    width: 80px;
+    height: 140px;
+  }
+}
+@keyframes chip-short {
+  0% {
+    width: 0;
+    height: 200px;
+    right: 35px;
+  }
+  6.5% {
+    width: 0;
+  }
+  8.5% {
+    width: 30px;
+    height: 200px;
+  }
+  10.5% {
+    width: 80px;
+    height: 140px;
+  }
+}
+@-moz-keyframes chip-details {
+  0% {
+    background-color: transparent;
+    box-shadow: 6px 0 transparent;
+  }
+  18% {
+    background-color: transparent;
+  }
+  20% {
+    box-shadow: 6px 0 transparent;
+  }
+  24% {
+    background-color: #66947d;
+  }
+  26% {
+    box-shadow: 6px 0 #66947d;
+  }
+}
+@-webkit-keyframes chip-details {
+  0% {
+    background-color: transparent;
+    box-shadow: 6px 0 transparent;
+  }
+  18% {
+    background-color: transparent;
+  }
+  20% {
+    box-shadow: 6px 0 transparent;
+  }
+  24% {
+    background-color: #66947d;
+  }
+  26% {
+    box-shadow: 6px 0 #66947d;
+  }
+}
+@keyframes chip-details {
+  0% {
+    background-color: transparent;
+    box-shadow: 6px 0 transparent;
+  }
+  18% {
+    background-color: transparent;
+  }
+  20% {
+    box-shadow: 6px 0 transparent;
+  }
+  24% {
+    background-color: #66947d;
+  }
+  26% {
+    box-shadow: 6px 0 #66947d;
+  }
+}
+@-moz-keyframes chip-details-diagonal {
+  0% {
+    background-color: transparent;
+    box-shadow: 5px 4px transparent;
+  }
+  18% {
+    background-color: transparent;
+  }
+  20% {
+    box-shadow: 5px 4px transparent;
+  }
+  24% {
+    background-color: #66947d;
+  }
+  26% {
+    box-shadow: 5px 4px #66947d;
+  }
+}
+@-webkit-keyframes chip-details-diagonal {
+  0% {
+    background-color: transparent;
+    box-shadow: 5px 4px transparent;
+  }
+  18% {
+    background-color: transparent;
+  }
+  20% {
+    box-shadow: 5px 4px transparent;
+  }
+  24% {
+    background-color: #66947d;
+  }
+  26% {
+    box-shadow: 5px 4px #66947d;
+  }
+}
+@keyframes chip-details-diagonal {
+  0% {
+    background-color: transparent;
+    box-shadow: 5px 4px transparent;
+  }
+  18% {
+    background-color: transparent;
+  }
+  20% {
+    box-shadow: 5px 4px transparent;
+  }
+  24% {
+    background-color: #66947d;
+  }
+  26% {
+    box-shadow: 5px 4px #66947d;
+  }
+}
+#chip-short {
+  width: 80px;
+  height: 140px;
+  top: 75px;
+  right: 35px;
+  -webkit-animation: chip-short 8s  linear;
+  animation: chip-short 8s  linear;
+}
+#chip-short::before {
+  content: "";
+  width: 2px;
+  height: 201px;
+  top: 199px;
+  background-color: #66947d;
+  position: absolute;
+  left: 36px;
+  box-shadow: 6px 0 #66947d;
+  -webkit-animation: chip-details 8s  linear;
+  animation: chip-details 8s  linear;
+}
+#chip-short::after {
+  content: "";
+  width: 2px;
+  height: 100%;
+  background-color: #66947d;
+  position: absolute;
+  left: -14px;
+  box-shadow: 6px 0 #66947d;
+  -webkit-animation: chip-details 8s  linear;
+  animation: chip-details 8s  linear;
+}
+@-moz-keyframes chip-diagonal {
+  0% {
+    width: 0;
+    height: 0;
+  }
+  8.5% {
+    width: 0;
+    height: 0;
+  }
+  10.5% {
+    width: 50px;
+    height: 78px;
+  }
+}
+@-webkit-keyframes chip-diagonal {
+  0% {
+    width: 0;
+    height: 0;
+  }
+  8.5% {
+    width: 0;
+    height: 0;
+  }
+  10.5% {
+    width: 50px;
+    height: 78px;
+  }
+}
+@keyframes chip-diagonal {
+  0% {
+    width: 0;
+    height: 0;
+  }
+  8.5% {
+    width: 0;
+    height: 0;
+  }
+  10.5% {
+    width: 50px;
+    height: 78px;
+  }
+}
+#chip-diagonal {
+  width: 50px;
+  height: 78px;
+  left: 275px;
+  bottom: 295px;
+  border-bottom-right-radius: 100% 100%;
+  -webkit-transform-origin: 0 100%;
+  transform-origin: 0 100%;
+  -webkit-transform: rotateZ(-40deg);
+  transform: rotateZ(-40deg);
+  -webkit-animation: chip-diagonal 8s  linear;
+  animation: chip-diagonal 8s  linear;
+}
+#chip-diagonal::before {
+  content: "";
+  width: 2px;
+  height: 100%;
+  background-color: #66947d;
+  position: absolute;
+  left: -11px;
+  top: -9px;
+  box-shadow: 5px 4px #66947d;
+  -webkit-animation: chip-details-diagonal 8s  linear;
+  animation: chip-details-diagonal 8s  linear;
+}
+.capacitors {
+  position: absolute;
+  z-index: 5;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background-color: transparent;
+  box-shadow: 11px 0 1px #ffffff, 11px -35px 1px #ffffff, 31px -35px 1px #ffffff, 21px -24px 1px #ffffff, 21px -11px 1px #ffffff;
+}
+@-moz-keyframes chip-capacitors {
+  0% {
+    box-shadow: none;
+  }
+  12.5% {
+    box-shadow: 11px 0 1px transparent;
+  }
+  13.5% {
+    box-shadow: 11px 0 1px #ffffff, 11px -35px 1px transparent, 31px -35px 1px transparent;
+  }
+  14.5% {
+    box-shadow: 11px 0 1px #ffffff, 11px -35px 1px #ffffff, 31px -35px 1px #ffffff, 21px -24px 1px transparent;
+  }
+  15.5% {
+    box-shadow: 11px 0 1px #ffffff, 11px -35px 1px #ffffff, 31px -35px 1px #ffffff, 21px -24px 1px #ffffff, 21px -11px 1px transparent;
+  }
+  16.5% {
+    box-shadow: 11px 0 1px #ffffff, 11px -35px 1px #ffffff, 31px -35px 1px #ffffff, 21px -24px 1px #ffffff, 21px -11px 1px #ffffff;
+  }
+}
+@-webkit-keyframes chip-capacitors {
+  0% {
+    box-shadow: none;
+  }
+  12.5% {
+    box-shadow: 11px 0 1px transparent;
+  }
+  13.5% {
+    box-shadow: 11px 0 1px #ffffff, 11px -35px 1px transparent, 31px -35px 1px transparent;
+  }
+  14.5% {
+    box-shadow: 11px 0 1px #ffffff, 11px -35px 1px #ffffff, 31px -35px 1px #ffffff, 21px -24px 1px transparent;
+  }
+  15.5% {
+    box-shadow: 11px 0 1px #ffffff, 11px -35px 1px #ffffff, 31px -35px 1px #ffffff, 21px -24px 1px #ffffff, 21px -11px 1px transparent;
+  }
+  16.5% {
+    box-shadow: 11px 0 1px #ffffff, 11px -35px 1px #ffffff, 31px -35px 1px #ffffff, 21px -24px 1px #ffffff, 21px -11px 1px #ffffff;
+  }
+}
+@keyframes chip-capacitors {
+  0% {
+    box-shadow: none;
+  }
+  12.5% {
+    box-shadow: 11px 0 1px transparent;
+  }
+  13.5% {
+    box-shadow: 11px 0 1px #ffffff, 11px -35px 1px transparent, 31px -35px 1px transparent;
+  }
+  14.5% {
+    box-shadow: 11px 0 1px #ffffff, 11px -35px 1px #ffffff, 31px -35px 1px #ffffff, 21px -24px 1px transparent;
+  }
+  15.5% {
+    box-shadow: 11px 0 1px #ffffff, 11px -35px 1px #ffffff, 31px -35px 1px #ffffff, 21px -24px 1px #ffffff, 21px -11px 1px transparent;
+  }
+  16.5% {
+    box-shadow: 11px 0 1px #ffffff, 11px -35px 1px #ffffff, 31px -35px 1px #ffffff, 21px -24px 1px #ffffff, 21px -11px 1px #ffffff;
+  }
+}
+#chip-capacitors {
+  left: 240px;
+  top: 130px;
+  -webkit-animation: chip-capacitors 8s  linear;
+  animation: chip-capacitors 8s  linear;
+}
+@-moz-keyframes motherboard-capacitors {
+  0% {
+    box-shadow: none;
+  }
+  22.5% {
+    box-shadow: 11px 0 1px transparent;
+  }
+  23.5% {
+    box-shadow: 11px 0 1px #ffffff, 11px -35px 1px transparent, 31px -35px 1px transparent;
+  }
+  24.5% {
+    box-shadow: 11px 0 1px #ffffff, 11px -35px 1px #ffffff, 31px -35px 1px #ffffff, 21px -24px 1px transparent;
+  }
+  25.5% {
+    box-shadow: 11px 0 1px #ffffff, 11px -35px 1px #ffffff, 31px -35px 1px #ffffff, 21px -24px 1px #ffffff, 21px -11px 1px transparent;
+  }
+  26.5% {
+    box-shadow: 11px 0 1px #ffffff, 11px -35px 1px #ffffff, 31px -35px 1px #ffffff, 21px -24px 1px #ffffff, 21px -11px 1px #ffffff;
+  }
+}
+@-webkit-keyframes motherboard-capacitors {
+  0% {
+    box-shadow: none;
+  }
+  22.5% {
+    box-shadow: 11px 0 1px transparent;
+  }
+  23.5% {
+    box-shadow: 11px 0 1px #ffffff, 11px -35px 1px transparent, 31px -35px 1px transparent;
+  }
+  24.5% {
+    box-shadow: 11px 0 1px #ffffff, 11px -35px 1px #ffffff, 31px -35px 1px #ffffff, 21px -24px 1px transparent;
+  }
+  25.5% {
+    box-shadow: 11px 0 1px #ffffff, 11px -35px 1px #ffffff, 31px -35px 1px #ffffff, 21px -24px 1px #ffffff, 21px -11px 1px transparent;
+  }
+  26.5% {
+    box-shadow: 11px 0 1px #ffffff, 11px -35px 1px #ffffff, 31px -35px 1px #ffffff, 21px -24px 1px #ffffff, 21px -11px 1px #ffffff;
+  }
+}
+@keyframes motherboard-capacitors {
+  0% {
+    box-shadow: none;
+  }
+  22.5% {
+    box-shadow: 11px 0 1px transparent;
+  }
+  23.5% {
+    box-shadow: 11px 0 1px #ffffff, 11px -35px 1px transparent, 31px -35px 1px transparent;
+  }
+  24.5% {
+    box-shadow: 11px 0 1px #ffffff, 11px -35px 1px #ffffff, 31px -35px 1px #ffffff, 21px -24px 1px transparent;
+  }
+  25.5% {
+    box-shadow: 11px 0 1px #ffffff, 11px -35px 1px #ffffff, 31px -35px 1px #ffffff, 21px -24px 1px #ffffff, 21px -11px 1px transparent;
+  }
+  26.5% {
+    box-shadow: 11px 0 1px #ffffff, 11px -35px 1px #ffffff, 31px -35px 1px #ffffff, 21px -24px 1px #ffffff, 21px -11px 1px #ffffff;
+  }
+}
+#motherboard-capacitors {
+  left: 85px;
+  top: 265px;
+  -webkit-transform: rotateZ(-90deg);
+  transform: rotateZ(-90deg);
+  -webkit-animation: motherboard-capacitors 8s  linear;
+  animation: motherboard-capacitors 8s  linear;
+}
+@-moz-keyframes contrast-knob {
+  0% {
+    width: 0;
+    height: 0;
+    left: 33px;
+    top: 194px;
+  }
+  14% {
+    width: 0;
+    height: 0;
+    left: 33px;
+    top: 194px;
+  }
+  16.5% {
+    width: 28px;
+    height: 28px;
+    left: 19px;
+    top: 180px;
+  }
+  20% {
+    top: 180px;
+  }
+  24% {
+    top: 165px;
+  }
+}
+@-webkit-keyframes contrast-knob {
+  0% {
+    width: 0;
+    height: 0;
+    left: 33px;
+    top: 194px;
+  }
+  14% {
+    width: 0;
+    height: 0;
+    left: 33px;
+    top: 194px;
+  }
+  16.5% {
+    width: 28px;
+    height: 28px;
+    left: 19px;
+    top: 180px;
+  }
+  20% {
+    top: 180px;
+  }
+  24% {
+    top: 165px;
+  }
+}
+@keyframes contrast-knob {
+  0% {
+    width: 0;
+    height: 0;
+    left: 33px;
+    top: 194px;
+  }
+  14% {
+    width: 0;
+    height: 0;
+    left: 33px;
+    top: 194px;
+  }
+  16.5% {
+    width: 28px;
+    height: 28px;
+    left: 19px;
+    top: 180px;
+  }
+  20% {
+    top: 180px;
+  }
+  24% {
+    top: 165px;
+  }
+}
+@-moz-keyframes contrast-knob-before {
+  0% {
+    width: 0;
+    height: 0;
+    left: -1px;
+    top: 14px;
+  }
+  16% {
+    width: 0;
+    height: 0;
+    left: -1px;
+    top: 14px;
+  }
+  18% {
+    width: 32px;
+    height: 32px;
+    left: -17px;
+    top: -2px;
+  }
+}
+@-webkit-keyframes contrast-knob-before {
+  0% {
+    width: 0;
+    height: 0;
+    left: -1px;
+    top: 14px;
+  }
+  16% {
+    width: 0;
+    height: 0;
+    left: -1px;
+    top: 14px;
+  }
+  18% {
+    width: 32px;
+    height: 32px;
+    left: -17px;
+    top: -2px;
+  }
+}
+@keyframes contrast-knob-before {
+  0% {
+    width: 0;
+    height: 0;
+    left: -1px;
+    top: 14px;
+  }
+  16% {
+    width: 0;
+    height: 0;
+    left: -1px;
+    top: 14px;
+  }
+  18% {
+    width: 32px;
+    height: 32px;
+    left: -17px;
+    top: -2px;
+  }
+}
+#contrast-knob {
+  z-index: 4;
+  position: absolute;
+  top: 165px;
+  left: 19px;
+  width: 28px;
+  height: 28px;
+  background-color: #808080;
+  -webkit-animation: contrast-knob 8s  linear;
+  animation: contrast-knob 8s  linear;
+}
+#contrast-knob:before {
+  content: '';
+  position: absolute;
+  top: -2px;
+  left: -17px;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background-color: #303030;
+  -webkit-animation: contrast-knob-before 8s  linear;
+  animation: contrast-knob-before 8s  linear;
+}
+@-moz-keyframes link-port {
+  0% {
+    width: 0;
+    height: 0;
+    left: 36px;
+  }
+  14% {
+    width: 0;
+    height: 0;
+    left: 36px;
+  }
+  16.5% {
+    width: 34px;
+    height: 34px;
+    left: 19px;
+  }
+  18.5% {
+    left: 19px;
+  }
+  20.5% {
+    left: 3px;
+  }
+}
+@-webkit-keyframes link-port {
+  0% {
+    width: 0;
+    height: 0;
+    left: 36px;
+  }
+  14% {
+    width: 0;
+    height: 0;
+    left: 36px;
+  }
+  16.5% {
+    width: 34px;
+    height: 34px;
+    left: 19px;
+  }
+  18.5% {
+    left: 19px;
+  }
+  20.5% {
+    left: 3px;
+  }
+}
+@keyframes link-port {
+  0% {
+    width: 0;
+    height: 0;
+    left: 36px;
+  }
+  14% {
+    width: 0;
+    height: 0;
+    left: 36px;
+  }
+  16.5% {
+    width: 34px;
+    height: 34px;
+    left: 19px;
+  }
+  18.5% {
+    left: 19px;
+  }
+  20.5% {
+    left: 3px;
+  }
+}
+#link-port {
+  z-index: 4;
+  position: absolute;
+  top: 123px;
+  left: 3px;
+  width: 34px;
+  height: 34px;
+  background-color: #ffffff;
+  -webkit-animation: link-port 8s  linear;
+  animation: link-port 8s  linear;
+}
+.circuit {
+  z-index: 4;
+  position: absolute;
+  box-shadow: inset 0 0 0 1px #ffffff;
+  border-radius: 50% / 25%;
+  opacity: 0.5;
+}
+.circuit::before {
+  content: "";
+  position: absolute;
+  left: 50%;
+  top: 0;
+  width: 50%;
+  height: 0%;
+  background-color: #4ca879;
+}
+.circuit::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 50%;
+  height: 0%;
+  background-color: #4ca879;
+}
+@-moz-keyframes circuit-bottom {
+  0% {
+    opacity: 0;
+  }
+  13.4% {
+    opacity: 0;
+  }
+  13.5% {
+    opacity: 0.5;
+  }
+}
+@-webkit-keyframes circuit-bottom {
+  0% {
+    opacity: 0;
+  }
+  13.4% {
+    opacity: 0;
+  }
+  13.5% {
+    opacity: 0.5;
+  }
+}
+@keyframes circuit-bottom {
+  0% {
+    opacity: 0;
+  }
+  13.4% {
+    opacity: 0;
+  }
+  13.5% {
+    opacity: 0.5;
+  }
+}
+@-moz-keyframes "circuit-bottom-before" {
+  0% {
+    height: 100%;
+  }
+  13.5% {
+    height: 100%;
+  }
+  15.5% {
+    height: 0%;
+  }
+}
+@-webkit-keyframes "circuit-bottom-before" {
+  0% {
+    height: 100%;
+  }
+  13.5% {
+    height: 100%;
+  }
+  15.5% {
+    height: 0%;
+  }
+}
+@keyframes "circuit-bottom-before" {
+  0% {
+    height: 100%;
+  }
+  13.5% {
+    height: 100%;
+  }
+  15.5% {
+    height: 0%;
+  }
+}
+@-moz-keyframes "circuit-bottom-after" {
+  0% {
+    height: 100%;
+  }
+  15.5% {
+    height: 100%;
+  }
+  17.5% {
+    height: 0%;
+  }
+}
+@-webkit-keyframes "circuit-bottom-after" {
+  0% {
+    height: 100%;
+  }
+  15.5% {
+    height: 100%;
+  }
+  17.5% {
+    height: 0%;
+  }
+}
+@keyframes "circuit-bottom-after" {
+  0% {
+    height: 100%;
+  }
+  15.5% {
+    height: 100%;
+  }
+  17.5% {
+    height: 0%;
+  }
+}
+#circuit-bottom {
+  width: 30px;
+  height: 60px;
+  top: 330px;
+  left: 155px;
+  -webkit-transform: rotateZ(-90deg);
+  transform: rotateZ(-90deg);
+  -webkit-animation: circuit-bottom 8s  linear;
+  animation: circuit-bottom 8s  linear;
+}
+#circuit-bottom::before {
+  -webkit-animation: circuit-bottom-before 8s  linear;
+  animation: circuit-bottom-before 8s  linear;
+}
+#circuit-bottom::after {
+  -webkit-animation: circuit-bottom-after 8s  linear;
+  animation: circuit-bottom-after 8s  linear;
+}
+@-moz-keyframes circuit-top {
+  0% {
+    opacity: 0;
+  }
+  16.4% {
+    opacity: 0;
+  }
+  16.5% {
+    opacity: 0.5;
+  }
+}
+@-webkit-keyframes circuit-top {
+  0% {
+    opacity: 0;
+  }
+  16.4% {
+    opacity: 0;
+  }
+  16.5% {
+    opacity: 0.5;
+  }
+}
+@keyframes circuit-top {
+  0% {
+    opacity: 0;
+  }
+  16.4% {
+    opacity: 0;
+  }
+  16.5% {
+    opacity: 0.5;
+  }
+}
+@-moz-keyframes "circuit-top-before" {
+  0% {
+    height: 100%;
+  }
+  16.5% {
+    height: 100%;
+  }
+  18.5% {
+    height: 0%;
+  }
+}
+@-webkit-keyframes "circuit-top-before" {
+  0% {
+    height: 100%;
+  }
+  16.5% {
+    height: 100%;
+  }
+  18.5% {
+    height: 0%;
+  }
+}
+@keyframes "circuit-top-before" {
+  0% {
+    height: 100%;
+  }
+  16.5% {
+    height: 100%;
+  }
+  18.5% {
+    height: 0%;
+  }
+}
+@-moz-keyframes "circuit-top-after" {
+  0% {
+    height: 100%;
+  }
+  18.5% {
+    height: 100%;
+  }
+  20.5% {
+    height: 0%;
+  }
+}
+@-webkit-keyframes "circuit-top-after" {
+  0% {
+    height: 100%;
+  }
+  18.5% {
+    height: 100%;
+  }
+  20.5% {
+    height: 0%;
+  }
+}
+@keyframes "circuit-top-after" {
+  0% {
+    height: 100%;
+  }
+  18.5% {
+    height: 100%;
+  }
+  20.5% {
+    height: 0%;
+  }
+}
+#circuit-top {
+  width: 40px;
+  height: 80px;
+  top: 100px;
+  left: 70px;
+  -webkit-animation: circuit-top 8s  linear;
+  animation: circuit-top 8s  linear;
+}
+#circuit-top::before {
+  -webkit-animation: circuit-top-before 8s  linear;
+  animation: circuit-top-before 8s  linear;
+}
+#circuit-top::after {
+  -webkit-animation: circuit-top-after 8s  linear;
+  animation: circuit-top-after 8s  linear;
+}
+@-moz-keyframes transistors {
+  0% {
+    opacity: 0;
+    box-shadow: none;
+  }
+  17% {
+    opacity: 0;
+    box-shadow: 16px 0 transparent;
+  }
+  19% {
+    opacity: 1;
+    box-shadow: 16px 0, 32px 0 transparent;
+  }
+  21% {
+    box-shadow: 16px 0, 32px 0, 48px 0 transparent;
+  }
+  23% {
+    box-shadow: 16px 0, 32px 0, 48px 0;
+  }
+}
+@-webkit-keyframes transistors {
+  0% {
+    opacity: 0;
+    box-shadow: none;
+  }
+  17% {
+    opacity: 0;
+    box-shadow: 16px 0 transparent;
+  }
+  19% {
+    opacity: 1;
+    box-shadow: 16px 0, 32px 0 transparent;
+  }
+  21% {
+    box-shadow: 16px 0, 32px 0, 48px 0 transparent;
+  }
+  23% {
+    box-shadow: 16px 0, 32px 0, 48px 0;
+  }
+}
+@keyframes transistors {
+  0% {
+    opacity: 0;
+    box-shadow: none;
+  }
+  17% {
+    opacity: 0;
+    box-shadow: 16px 0 transparent;
+  }
+  19% {
+    opacity: 1;
+    box-shadow: 16px 0, 32px 0 transparent;
+  }
+  21% {
+    box-shadow: 16px 0, 32px 0, 48px 0 transparent;
+  }
+  23% {
+    box-shadow: 16px 0, 32px 0, 48px 0;
+  }
+}
+#transistors {
+  z-index: 4;
+  position: absolute;
+  top: 310px;
+  left: 50px;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background-color: #303030;
+  box-shadow: 16px 0, 32px 0, 48px 0;
+  -webkit-animation: transistors 8s  linear;
+  animation: transistors 8s  linear;
+}
+@-moz-keyframes processor {
+  0% {
+    width: 0;
+    height: 0;
+    left: 170px;
+    top: 313px;
+  }
+  12% {
+    width: 0;
+    height: 0;
+    left: 170px;
+    top: 313px;
+  }
+  14% {
+    width: 56px;
+    height: 56px;
+    left: 142px;
+    top: 285px;
+  }
+}
+@-webkit-keyframes processor {
+  0% {
+    width: 0;
+    height: 0;
+    left: 170px;
+    top: 313px;
+  }
+  12% {
+    width: 0;
+    height: 0;
+    left: 170px;
+    top: 313px;
+  }
+  14% {
+    width: 56px;
+    height: 56px;
+    left: 142px;
+    top: 285px;
+  }
+}
+@keyframes processor {
+  0% {
+    width: 0;
+    height: 0;
+    left: 170px;
+    top: 313px;
+  }
+  12% {
+    width: 0;
+    height: 0;
+    left: 170px;
+    top: 313px;
+  }
+  14% {
+    width: 56px;
+    height: 56px;
+    left: 142px;
+    top: 285px;
+  }
+}
+@-moz-keyframes processor-before {
+  0% {
+    width: 0;
+  }
+  16% {
+    width: 0;
+  }
+  18% {
+    width: 50px;
+  }
+}
+@-webkit-keyframes processor-before {
+  0% {
+    width: 0;
+  }
+  16% {
+    width: 0;
+  }
+  18% {
+    width: 50px;
+  }
+}
+@keyframes processor-before {
+  0% {
+    width: 0;
+  }
+  16% {
+    width: 0;
+  }
+  18% {
+    width: 50px;
+  }
+}
+@-moz-keyframes processor-after {
+  0% {
+    width: 0;
+  }
+  18% {
+    width: 0;
+  }
+  20% {
+    width: 50px;
+  }
+}
+@-webkit-keyframes processor-after {
+  0% {
+    width: 0;
+  }
+  18% {
+    width: 0;
+  }
+  20% {
+    width: 50px;
+  }
+}
+@keyframes processor-after {
+  0% {
+    width: 0;
+  }
+  18% {
+    width: 0;
+  }
+  20% {
+    width: 50px;
+  }
+}
+#processor {
+  position: absolute;
+  width: 56px;
+  height: 56px;
+  top: 285px;
+  left: 142px;
+  z-index: 4;
+  background-color: #222222;
+  color: #ffffff;
+  font-size: 15px;
+  letter-spacing: 3px;
+  font-weight: 700;
+  font-family: 'Oxygen', Helvetica, arial, sans-serif;
+  -webkit-animation: processor 8s  linear;
+  animation: processor 8s  linear;
+}
+#processor::before {
+  content: "llllll";
+  position: absolute;
+  width: 50px;
+  overflow: hidden;
+  text-shadow: -1px 0 0 #808080;
+  -webkit-transform: rotateZ(-90deg);
+  transform: rotateZ(-90deg);
+  -webkit-transform-origin: 0 0;
+  transform-origin: 0 0;
+  left: 48px;
+  bottom: -9px;
+  -webkit-animation: processor-before 8s  linear;
+  animation: processor-before 8s  linear;
+}
+#processor::after {
+  content: "llllll";
+  position: absolute;
+  width: 50px;
+  overflow: hidden;
+  text-shadow: -1px 0 0 #808080;
+  -webkit-transform: rotateZ(90deg) rotateY(180deg);
+  transform: rotateZ(90deg) rotateY(180deg);
+  -webkit-transform-origin: 0 0;
+  transform-origin: 0 0;
+  left: 7px;
+  top: 50px;
+  -webkit-animation: processor-after 8s  linear;
+  animation: processor-after 8s  linear;
+}
+@-moz-keyframes component {
+  0% {
+    width: 0;
+    height: 0;
+    left: 251px;
+    top: 310.5px;
+  }
+  20.5% {
+    width: 0;
+    height: 0;
+    left: 251px;
+    top: 310.5px;
+  }
+  23.5% {
+    width: 14px;
+    height: 55px;
+    left: 244px;
+    top: 283px;
+  }
+  24.5% {
+    left: 244px;
+    top: 283px;
+  }
+  28% {
+    left: 228px;
+    top: 283px;
+  }
+}
+@-webkit-keyframes component {
+  0% {
+    width: 0;
+    height: 0;
+    left: 251px;
+    top: 310.5px;
+  }
+  20.5% {
+    width: 0;
+    height: 0;
+    left: 251px;
+    top: 310.5px;
+  }
+  23.5% {
+    width: 14px;
+    height: 55px;
+    left: 244px;
+    top: 283px;
+  }
+  24.5% {
+    left: 244px;
+    top: 283px;
+  }
+  28% {
+    left: 228px;
+    top: 283px;
+  }
+}
+@keyframes component {
+  0% {
+    width: 0;
+    height: 0;
+    left: 251px;
+    top: 310.5px;
+  }
+  20.5% {
+    width: 0;
+    height: 0;
+    left: 251px;
+    top: 310.5px;
+  }
+  23.5% {
+    width: 14px;
+    height: 55px;
+    left: 244px;
+    top: 283px;
+  }
+  24.5% {
+    left: 244px;
+    top: 283px;
+  }
+  28% {
+    left: 228px;
+    top: 283px;
+  }
+}
+#component {
+  z-index: 4;
+  position: absolute;
+  top: 283px;
+  left: 228px;
+  background-color: #222222;
+  border-left: 2px #808080 dotted;
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+  width: 14px;
+  height: 55px;
+  -webkit-animation: component 8s  linear;
+  animation: component 8s  linear;
+}
+@-moz-keyframes controller {
+  0% {
+    width: 0;
+    height: 110px;
+    left: 170px;
+    top: 390px;
+  }
+  12% {
+    width: 0;
+    left: 170px;
+  }
+  16% {
+    width: 204px;
+    left: 68px;
+  }
+}
+@-webkit-keyframes controller {
+  0% {
+    width: 0;
+    height: 110px;
+    left: 170px;
+    top: 390px;
+  }
+  12% {
+    width: 0;
+    left: 170px;
+  }
+  16% {
+    width: 204px;
+    left: 68px;
+  }
+}
+@keyframes controller {
+  0% {
+    width: 0;
+    height: 110px;
+    left: 170px;
+    top: 390px;
+  }
+  12% {
+    width: 0;
+    left: 170px;
+  }
+  16% {
+    width: 204px;
+    left: 68px;
+  }
+}
+@-moz-keyframes controller-before {
+  0% {
+    width: 0;
+    height: 0;
+    left: -9px;
+    bottom: 28px;
+  }
+  18% {
+    width: 0;
+    height: 0;
+    left: -9px;
+    bottom: 28px;
+  }
+  21.5% {
+    width: 18px;
+    height: 6px;
+    left: -18px;
+    bottom: 25px;
+  }
+}
+@-webkit-keyframes controller-before {
+  0% {
+    width: 0;
+    height: 0;
+    left: -9px;
+    bottom: 28px;
+  }
+  18% {
+    width: 0;
+    height: 0;
+    left: -9px;
+    bottom: 28px;
+  }
+  21.5% {
+    width: 18px;
+    height: 6px;
+    left: -18px;
+    bottom: 25px;
+  }
+}
+@keyframes controller-before {
+  0% {
+    width: 0;
+    height: 0;
+    left: -9px;
+    bottom: 28px;
+  }
+  18% {
+    width: 0;
+    height: 0;
+    left: -9px;
+    bottom: 28px;
+  }
+  21.5% {
+    width: 18px;
+    height: 6px;
+    left: -18px;
+    bottom: 25px;
+  }
+}
+@-moz-keyframes controller-after {
+  0% {
+    width: 0;
+    height: 0;
+    left: 102px;
+    bottom: 0;
+  }
+  20% {
+    width: 0;
+    height: 0;
+    left: 102px;
+    bottom: 0;
+  }
+  22.5% {
+    width: 114px;
+    height: 24px;
+    left: 45px;
+    bottom: -24px;
+  }
+}
+@-webkit-keyframes controller-after {
+  0% {
+    width: 0;
+    height: 0;
+    left: 102px;
+    bottom: 0;
+  }
+  20% {
+    width: 0;
+    height: 0;
+    left: 102px;
+    bottom: 0;
+  }
+  22.5% {
+    width: 114px;
+    height: 24px;
+    left: 45px;
+    bottom: -24px;
+  }
+}
+@keyframes controller-after {
+  0% {
+    width: 0;
+    height: 0;
+    left: 102px;
+    bottom: 0;
+  }
+  20% {
+    width: 0;
+    height: 0;
+    left: 102px;
+    bottom: 0;
+  }
+  22.5% {
+    width: 114px;
+    height: 24px;
+    left: 45px;
+    bottom: -24px;
+  }
+}
+#controller {
+  position: absolute;
+  z-index: 4;
+  width: 204px;
+  height: 110px;
+  top: 390px;
+  left: 68px;
+  background-color: #9d9d9d;
+  -webkit-animation: controller 8s  linear;
+  animation: controller 8s  linear;
+}
+#controller::before {
+  content: "";
+  position: absolute;
+  background-color: #222222;
+  width: 18px;
+  height: 6px;
+  left: -18px;
+  bottom: 25px;
+  -webkit-animation: controller-before 8s  linear;
+  animation: controller-before 8s  linear;
+}
+#controller::after {
+  content: "";
+  position: absolute;
+  width: 114px;
+  height: 24px;
+  bottom: -24px;
+  left: 45px;
+  background-color: #303030;
+  -webkit-animation: controller-after 8s  linear;
+  animation: controller-after 8s  linear;
+}
+@-moz-keyframes speaker {
+  0% {
+    width: 0;
+    height: 0;
+    bottom: 90px;
+    right: 60px;
+  }
+  12% {
+    width: 0;
+    height: 0;
+    bottom: 90px;
+    right: 60px;
+  }
+  15.5% {
+    width: 80px;
+    height: 80px;
+    bottom: 50px;
+    right: 20px;
+  }
+  19.5% {
+    bottom: 50px;
+  }
+  26% {
+    bottom: 24px;
+  }
+}
+@-webkit-keyframes speaker {
+  0% {
+    width: 0;
+    height: 0;
+    bottom: 90px;
+    right: 60px;
+  }
+  12% {
+    width: 0;
+    height: 0;
+    bottom: 90px;
+    right: 60px;
+  }
+  15.5% {
+    width: 80px;
+    height: 80px;
+    bottom: 50px;
+    right: 20px;
+  }
+  19.5% {
+    bottom: 50px;
+  }
+  26% {
+    bottom: 24px;
+  }
+}
+@keyframes speaker {
+  0% {
+    width: 0;
+    height: 0;
+    bottom: 90px;
+    right: 60px;
+  }
+  12% {
+    width: 0;
+    height: 0;
+    bottom: 90px;
+    right: 60px;
+  }
+  15.5% {
+    width: 80px;
+    height: 80px;
+    bottom: 50px;
+    right: 20px;
+  }
+  19.5% {
+    bottom: 50px;
+  }
+  26% {
+    bottom: 24px;
+  }
+}
+#speaker {
+  position: absolute;
+  z-index: 5;
+  width: 80px;
+  height: 80px;
+  right: 20px;
+  bottom: 24px;
+  border-radius: 100%;
+  background-color: #222222;
+  -webkit-animation: speaker 8s  linear;
+  animation: speaker 8s  linear;
+}
+#speaker::after {
+  content: "";
+  position: absolute;
+  z-index: 6;
+  width: 42%;
+  height: 42%;
+  left: 50%;
+  margin-left: -21%;
+  top: 50%;
+  margin-top: -21%;
+  border-radius: 100%;
+  background-color: #808080;
+}
+@-moz-keyframes whitescreen {
+  0% {
+    width: 0;
+    height: 0;
+    left: 170px;
+    top: 105px;
+    border: 0px;
+  }
+  22% {
+    width: 0;
+    height: 0;
+    left: 170px;
+    top: 105px;
+  }
+  26% {
+    width: 178px;
+    height: 160px;
+    left: 81px;
+    top: 60px;
+    border: 0px transparent;
+  }
+  28% {
+    width: 188px;
+    height: 170px;
+    border: 5px #808080 solid;
+    left: 76px;
+    top: 55px;
+  }
+}
+@-webkit-keyframes whitescreen {
+  0% {
+    width: 0;
+    height: 0;
+    left: 170px;
+    top: 105px;
+    border: 0px;
+  }
+  22% {
+    width: 0;
+    height: 0;
+    left: 170px;
+    top: 105px;
+  }
+  26% {
+    width: 178px;
+    height: 160px;
+    left: 81px;
+    top: 60px;
+    border: 0px transparent;
+  }
+  28% {
+    width: 188px;
+    height: 170px;
+    border: 5px #808080 solid;
+    left: 76px;
+    top: 55px;
+  }
+}
+@keyframes whitescreen {
+  0% {
+    width: 0;
+    height: 0;
+    left: 170px;
+    top: 105px;
+    border: 0px;
+  }
+  22% {
+    width: 0;
+    height: 0;
+    left: 170px;
+    top: 105px;
+  }
+  26% {
+    width: 178px;
+    height: 160px;
+    left: 81px;
+    top: 60px;
+    border: 0px transparent;
+  }
+  28% {
+    width: 188px;
+    height: 170px;
+    border: 5px #808080 solid;
+    left: 76px;
+    top: 55px;
+  }
+}
+#whitescreen {
+  position: absolute;
+  z-index: 6;
+  width: 188px;
+  height: 170px;
+  top: 55px;
+  left: 76px;
+  background-color: #ffffff;
+  border: 5px #808080 solid;
+  -webkit-animation: whitescreen 8s  linear;
+  animation: whitescreen 8s  linear;
+}
+@-moz-keyframes screen {
+  0% {
+    width: 0;
+    height: 0;
+    bottom: 389px;
+    left: 170px;
+    border-radius: 0;
+  }
+  16% {
+    width: 0;
+    height: 0;
+    bottom: 389px;
+    left: 170px;
+    border-radius: 0;
+  }
+  19.5% {
+    width: 36px;
+    height: 34px;
+    left: 152px;
+    bottom: 372px;
+    border-radius: 0;
+  }
+  23.5% {
+    bottom: 278px;
+    height: 34px;
+    border-radius: 0 0 25% 25% / 0 0 10px 10px;
+  }
+  27.5% {
+    height: 263px;
+    width: 36px;
+    left: 152px;
+    border-radius: 0 0 50% 50% / 0 0 20px 20px;
+  }
+  32.5% {
+    width: 294px;
+    left: 23px;
+    border-radius: 10px 10px 50% 50% / 10px 10px 20px 20px;
+  }
+}
+@-webkit-keyframes screen {
+  0% {
+    width: 0;
+    height: 0;
+    bottom: 389px;
+    left: 170px;
+    border-radius: 0;
+  }
+  16% {
+    width: 0;
+    height: 0;
+    bottom: 389px;
+    left: 170px;
+    border-radius: 0;
+  }
+  19.5% {
+    width: 36px;
+    height: 34px;
+    left: 152px;
+    bottom: 372px;
+    border-radius: 0;
+  }
+  23.5% {
+    bottom: 278px;
+    height: 34px;
+    border-radius: 0 0 25% 25% / 0 0 10px 10px;
+  }
+  27.5% {
+    height: 263px;
+    width: 36px;
+    left: 152px;
+    border-radius: 0 0 50% 50% / 0 0 20px 20px;
+  }
+  32.5% {
+    width: 294px;
+    left: 23px;
+    border-radius: 10px 10px 50% 50% / 10px 10px 20px 20px;
+  }
+}
+@keyframes screen {
+  0% {
+    width: 0;
+    height: 0;
+    bottom: 389px;
+    left: 170px;
+    border-radius: 0;
+  }
+  16% {
+    width: 0;
+    height: 0;
+    bottom: 389px;
+    left: 170px;
+    border-radius: 0;
+  }
+  19.5% {
+    width: 36px;
+    height: 34px;
+    left: 152px;
+    bottom: 372px;
+    border-radius: 0;
+  }
+  23.5% {
+    bottom: 278px;
+    height: 34px;
+    border-radius: 0 0 25% 25% / 0 0 10px 10px;
+  }
+  27.5% {
+    height: 263px;
+    width: 36px;
+    left: 152px;
+    border-radius: 0 0 50% 50% / 0 0 20px 20px;
+  }
+  32.5% {
+    width: 294px;
+    left: 23px;
+    border-radius: 10px 10px 50% 50% / 10px 10px 20px 20px;
+  }
+}
+#glass {
+  position: absolute;
+  z-index: 14;
+  width: 294px;
+  height: 263px;
+  left: 23px;
+  bottom: 278px;
+  border-radius: 10px 10px 50% 50% / 10px 10px 20px 20px;
+  background-color: #222222;
+  -webkit-animation: screen 8s  linear;
+  animation: screen 8s  linear;
+}
+@-moz-keyframes glass-gameboy-text {
+  0% {
+    width: 0;
+  }
+  38% {
+    width: 0;
+  }
+  42% {
+    width: 95px;
+  }
+}
+@-webkit-keyframes glass-gameboy-text {
+  0% {
+    width: 0;
+  }
+  38% {
+    width: 0;
+  }
+  42% {
+    width: 95px;
+  }
+}
+@keyframes glass-gameboy-text {
+  0% {
+    width: 0;
+  }
+  38% {
+    width: 0;
+  }
+  42% {
+    width: 95px;
+  }
+}
+#glass-gameboy-text {
+  position: absolute;
+  z-index: 15;
+  top: 242px;
+  left: 90px;
+  width: 95px;
+  color: #b0b0b0;
+  overflow: hidden;
+  font-size: 22px;
+  font-weight: 400;
+  font-style: italic;
+  font-family: 'Asap', sans-serif;
+  letter-spacing: -2px;
+  white-space: nowrap;
+  -webkit-transform: skew(-5deg);
+  transform: skew(-5deg);
+  -webkit-animation: glass-gameboy-text 8s  linear;
+  animation: glass-gameboy-text 8s  linear;
+}
+@-moz-keyframes glass-color-text {
+  0% {
+    color: transparent;
+  }
+  42% {
+    color: transparent;
+  }
+  42.5% {
+    color: #ff0151;
+  }
+}
+@-webkit-keyframes glass-color-text {
+  0% {
+    color: transparent;
+  }
+  42% {
+    color: transparent;
+  }
+  42.5% {
+    color: #ff0151;
+  }
+}
+@keyframes glass-color-text {
+  0% {
+    color: transparent;
+  }
+  42% {
+    color: transparent;
+  }
+  42.5% {
+    color: #ff0151;
+  }
+}
+@-moz-keyframes glass-color-text-before {
+  0% {
+    color: transparent;
+    border-color: transparent;
+  }
+  42.5% {
+    border-color: transparent;
+  }
+  43% {
+    color: transparent;
+    border-color: #5151dd;
+  }
+  43.5% {
+    color: #85e367;
+  }
+}
+@-webkit-keyframes glass-color-text-before {
+  0% {
+    color: transparent;
+    border-color: transparent;
+  }
+  42.5% {
+    border-color: transparent;
+  }
+  43% {
+    color: transparent;
+    border-color: #5151dd;
+  }
+  43.5% {
+    color: #85e367;
+  }
+}
+@keyframes glass-color-text-before {
+  0% {
+    color: transparent;
+    border-color: transparent;
+  }
+  42.5% {
+    border-color: transparent;
+  }
+  43% {
+    color: transparent;
+    border-color: #5151dd;
+  }
+  43.5% {
+    color: #85e367;
+  }
+}
+@-moz-keyframes glass-color-text-after {
+  0% {
+    color: transparent;
+    border-color: transparent;
+  }
+  43.5% {
+    border-color: transparent;
+  }
+  44% {
+    color: transparent;
+    border-color: #f9e52e;
+  }
+  44.5% {
+    color: #01b4dd;
+  }
+}
+@-webkit-keyframes glass-color-text-after {
+  0% {
+    color: transparent;
+    border-color: transparent;
+  }
+  43.5% {
+    border-color: transparent;
+  }
+  44% {
+    color: transparent;
+    border-color: #f9e52e;
+  }
+  44.5% {
+    color: #01b4dd;
+  }
+}
+@keyframes glass-color-text-after {
+  0% {
+    color: transparent;
+    border-color: transparent;
+  }
+  43.5% {
+    border-color: transparent;
+  }
+  44% {
+    color: transparent;
+    border-color: #f9e52e;
+  }
+  44.5% {
+    color: #01b4dd;
+  }
+}
+#glass-color-text {
+  z-index: 15;
+  color: #ff0151;
+  position: absolute;
+  top: 242px;
+  left: 186px;
+  font-family: 'Comic Sans', 'Comic Sans MS', 'ChalkboardSE-Bold', sans-serif, cursive;
+  font-size: 23px;
+  letter-spacing: -2px;
+  font-weight: 700;
+  -webkit-animation: glass-color-text 8s  linear;
+  animation: glass-color-text 8s  linear;
+}
+#glass-color-text::before {
+  content: "L";
+  position: absolute;
+  left: 12px;
+  top: 5px;
+  line-height: 5px;
+  text-indent: 10px;
+  color: #85e367;
+  border: 4px #5151dd solid;
+  border-radius: 50%;
+  width: 7px;
+  height: 7px;
+  -webkit-animation: glass-color-text-before 8s  linear;
+  animation: glass-color-text-before 8s  linear;
+}
+#glass-color-text::after {
+  content: "R";
+  position: absolute;
+  left: 36px;
+  top: 5px;
+  line-height: 5px;
+  text-indent: 10px;
+  color: #01b4dd;
+  border: 4px #f9e52e solid;
+  border-radius: 50%;
+  width: 7px;
+  height: 7px;
+  -webkit-animation: glass-color-text-after 8s  linear;
+  animation: glass-color-text-after 8s  linear;
+}
+@-moz-keyframes glass {
+  0% {
+    width: 0;
+    height: 0;
+    top: 86px;
+    left: 170px;
+  }
+  28% {
+    width: 0;
+    height: 0;
+    top: 86px;
+    left: 170px;
+  }
+  30% {
+    width: 36px;
+    height: 32px;
+    top: 70px;
+    left: 152px;
+  }
+  34% {
+    top: 130px;
+    width: 36px;
+    left: 152px;
+  }
+  37% {
+    width: 180px;
+    left: 80px;
+    height: 32px;
+    top: 130px;
+  }
+  40% {
+    height: 160px;
+    top: 60px;
+  }
+}
+@-webkit-keyframes glass {
+  0% {
+    width: 0;
+    height: 0;
+    top: 86px;
+    left: 170px;
+  }
+  28% {
+    width: 0;
+    height: 0;
+    top: 86px;
+    left: 170px;
+  }
+  30% {
+    width: 36px;
+    height: 32px;
+    top: 70px;
+    left: 152px;
+  }
+  34% {
+    top: 130px;
+    width: 36px;
+    left: 152px;
+  }
+  37% {
+    width: 180px;
+    left: 80px;
+    height: 32px;
+    top: 130px;
+  }
+  40% {
+    height: 160px;
+    top: 60px;
+  }
+}
+@keyframes glass {
+  0% {
+    width: 0;
+    height: 0;
+    top: 86px;
+    left: 170px;
+  }
+  28% {
+    width: 0;
+    height: 0;
+    top: 86px;
+    left: 170px;
+  }
+  30% {
+    width: 36px;
+    height: 32px;
+    top: 70px;
+    left: 152px;
+  }
+  34% {
+    top: 130px;
+    width: 36px;
+    left: 152px;
+  }
+  37% {
+    width: 180px;
+    left: 80px;
+    height: 32px;
+    top: 130px;
+  }
+  40% {
+    height: 160px;
+    top: 60px;
+  }
+}
+#screen {
+  position: absolute;
+  z-index: 15;
+  width: 180px;
+  height: 160px;
+  left: 80px;
+  top: 60px;
+  background-color: #f0f0f0;
+  -webkit-animation: glass 8s  linear;
+  animation: glass 8s  linear;
+}
+@-moz-keyframes screen-gameboy-text {
+  0% {
+    color: #f9e52e;
+    background-position: -120px;
+    opacity: 0;
+  }
+  63.9% {
+    opacity: 0;
+  }
+  64% {
+    color: #f9e52e;
+    background-position: -120px;
+    opacity: 1;
+  }
+  66.5% {
+    color: #f9e52e;
+  }
+  67% {
+    color: #ff0151;
+  }
+  69.5% {
+    color: #ff0151;
+  }
+  70% {
+    color: #ff52e8;
+  }
+  72.5% {
+    color: #ff52e8;
+  }
+  73% {
+    color: #85e367;
+  }
+  75.5% {
+    color: #85e367;
+  }
+  76% {
+    color: #3232fc;
+  }
+  78% {
+    background-position: 130px;
+  }
+  87% {
+    opacity: 1;
+  }
+  92% {
+    opacity: 0;
+  }
+}
+@-webkit-keyframes screen-gameboy-text {
+  0% {
+    color: #f9e52e;
+    background-position: -120px;
+    opacity: 0;
+  }
+  63.9% {
+    opacity: 0;
+  }
+  64% {
+    color: #f9e52e;
+    background-position: -120px;
+    opacity: 1;
+  }
+  66.5% {
+    color: #f9e52e;
+  }
+  67% {
+    color: #ff0151;
+  }
+  69.5% {
+    color: #ff0151;
+  }
+  70% {
+    color: #ff52e8;
+  }
+  72.5% {
+    color: #ff52e8;
+  }
+  73% {
+    color: #85e367;
+  }
+  75.5% {
+    color: #85e367;
+  }
+  76% {
+    color: #3232fc;
+  }
+  78% {
+    background-position: 130px;
+  }
+  87% {
+    opacity: 1;
+  }
+  92% {
+    opacity: 0;
+  }
+}
+@keyframes screen-gameboy-text {
+  0% {
+    color: #f9e52e;
+    background-position: -120px;
+    opacity: 0;
+  }
+  63.9% {
+    opacity: 0;
+  }
+  64% {
+    color: #f9e52e;
+    background-position: -120px;
+    opacity: 1;
+  }
+  66.5% {
+    color: #f9e52e;
+  }
+  67% {
+    color: #ff0151;
+  }
+  69.5% {
+    color: #ff0151;
+  }
+  70% {
+    color: #ff52e8;
+  }
+  72.5% {
+    color: #ff52e8;
+  }
+  73% {
+    color: #85e367;
+  }
+  75.5% {
+    color: #85e367;
+  }
+  76% {
+    color: #3232fc;
+  }
+  78% {
+    background-position: 130px;
+  }
+  87% {
+    opacity: 1;
+  }
+  92% {
+    opacity: 0;
+  }
+}
+#screen-gameboy-text {
+  position: absolute;
+  font-family: 'Asap', sans-serif;
+  font-size: 32px;
+  font-weight: 700;
+  font-style: italic;
+  letter-spacing: -2px;
+  text-align: center;
+  opacity: 0;
+  width: 500px;
+  left: -80px;
+  top: 106px;
+  -webkit-transform: skew(-5deg);
+  transform: skew(-5deg);
+  overflow: hidden;
+  white-space: nowrap;
+  z-index: 16;
+  color: #3232fc;
+  background: -webkit-linear-gradient(0deg, #3232fc 40%, #85e367 40%, #85e367 45%, #ff52e8 45%, #ff52e8 50%, #ff0151 50%, #ff0151 55%, #f9e52e 55%, #f9e52e 60%, #f0f0f0 60%);
+  background-position: 130px;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  -webkit-animation: screen-gameboy-text 8s  linear;
+  animation: screen-gameboy-text 8s  linear;
+}
+@-moz-keyframes screen-nintendo-text {
+  0% {
+    opacity: 0;
+  }
+  56% {
+    opacity: 0;
+  }
+  57% {
+    opacity: 1;
+  }
+  87% {
+    opacity: 1;
+  }
+  92% {
+    opacity: 0;
+  }
+}
+@-webkit-keyframes screen-nintendo-text {
+  0% {
+    opacity: 0;
+  }
+  56% {
+    opacity: 0;
+  }
+  57% {
+    opacity: 1;
+  }
+  87% {
+    opacity: 1;
+  }
+  92% {
+    opacity: 0;
+  }
+}
+@keyframes screen-nintendo-text {
+  0% {
+    opacity: 0;
+  }
+  56% {
+    opacity: 0;
+  }
+  57% {
+    opacity: 1;
+  }
+  87% {
+    opacity: 1;
+  }
+  92% {
+    opacity: 0;
+  }
+}
+#screen-nintendo-text {
+  z-index: 16;
+  position: absolute;
+  opacity: 0;
+  top: 167px;
+  left: 138px;
+  font-family: Arial Black, sans-serif;
+  font-weight: 700;
+  font-size: 13px;
+  -webkit-animation: screen-nintendo-text 8s  linear;
+  animation: screen-nintendo-text 8s  linear;
+}
+@-moz-keyframes joystick-pad {
+  0% {
+    width: 0;
+    height: 0;
+    left: 66px;
+    bottom: 185px;
+    border: 0 transparent solid;
+    box-shadow: 0 0;
+  }
+  14% {
+    width: 0;
+    height: 0;
+    left: 66px;
+    bottom: 185px;
+  }
+  18% {
+    width: 110px;
+    height: 110px;
+    left: 11px;
+    bottom: 130px;
+  }
+  18.5% {
+    border: 0 transparent solid;
+  }
+  20% {
+    box-shadow: 0 0;
+  }
+  20.5% {
+    border: 5px #808080 solid;
+  }
+  21.5% {
+    border-width: 5px;
+    box-shadow: 2px 4px;
+  }
+  22% {
+    border-width: 4px;
+    box-shadow: 2px 3px;
+  }
+}
+@-webkit-keyframes joystick-pad {
+  0% {
+    width: 0;
+    height: 0;
+    left: 66px;
+    bottom: 185px;
+    border: 0 transparent solid;
+    box-shadow: 0 0;
+  }
+  14% {
+    width: 0;
+    height: 0;
+    left: 66px;
+    bottom: 185px;
+  }
+  18% {
+    width: 110px;
+    height: 110px;
+    left: 11px;
+    bottom: 130px;
+  }
+  18.5% {
+    border: 0 transparent solid;
+  }
+  20% {
+    box-shadow: 0 0;
+  }
+  20.5% {
+    border: 5px #808080 solid;
+  }
+  21.5% {
+    border-width: 5px;
+    box-shadow: 2px 4px;
+  }
+  22% {
+    border-width: 4px;
+    box-shadow: 2px 3px;
+  }
+}
+@keyframes joystick-pad {
+  0% {
+    width: 0;
+    height: 0;
+    left: 66px;
+    bottom: 185px;
+    border: 0 transparent solid;
+    box-shadow: 0 0;
+  }
+  14% {
+    width: 0;
+    height: 0;
+    left: 66px;
+    bottom: 185px;
+  }
+  18% {
+    width: 110px;
+    height: 110px;
+    left: 11px;
+    bottom: 130px;
+  }
+  18.5% {
+    border: 0 transparent solid;
+  }
+  20% {
+    box-shadow: 0 0;
+  }
+  20.5% {
+    border: 5px #808080 solid;
+  }
+  21.5% {
+    border-width: 5px;
+    box-shadow: 2px 4px;
+  }
+  22% {
+    border-width: 4px;
+    box-shadow: 2px 3px;
+  }
+}
+#joystick-pad {
+  position: absolute;
+  z-index: 5;
+  width: 110px;
+  height: 110px;
+  border-radius: 100%;
+  border: 4px #808080 solid;
+  box-shadow: 2px 3px;
+  background-color: #f0f0f0;
+  left: 11px;
+  bottom: 130px;
+  -webkit-animation: joystick-pad 8s  linear;
+  animation: joystick-pad 8s  linear;
+}
+@-moz-keyframes joystick {
+  0% {
+    color: transparent;
+    font-size: 12px;
+    line-height: 101px;
+    text-indent: 54px;
+  }
+  18% {
+    font-size: 12px;
+    line-height: 101px;
+    text-indent: 54px;
+  }
+  20% {
+    color: transparent;
+  }
+  23.5% {
+    color: #222222;
+    font-size: 102px;
+    line-height: 44px;
+    text-indent: 43px;
+  }
+}
+@-webkit-keyframes joystick {
+  0% {
+    color: transparent;
+    font-size: 12px;
+    line-height: 101px;
+    text-indent: 54px;
+  }
+  18% {
+    font-size: 12px;
+    line-height: 101px;
+    text-indent: 54px;
+  }
+  20% {
+    color: transparent;
+  }
+  23.5% {
+    color: #222222;
+    font-size: 102px;
+    line-height: 44px;
+    text-indent: 43px;
+  }
+}
+@keyframes joystick {
+  0% {
+    color: transparent;
+    font-size: 12px;
+    line-height: 101px;
+    text-indent: 54px;
+  }
+  18% {
+    font-size: 12px;
+    line-height: 101px;
+    text-indent: 54px;
+  }
+  20% {
+    color: transparent;
+  }
+  23.5% {
+    color: #222222;
+    font-size: 102px;
+    line-height: 44px;
+    text-indent: 43px;
+  }
+}
+@-moz-keyframes joystick-control {
+  0% {
+    width: 0;
+    height: 0;
+    padding: 0;
+    padding-top: 5px;
+    font-size: 0;
+    line-height: 1px;
+    color: transparent;
+    top: 55px;
+    left: 55px;
+  }
+  18% {
+    width: 0;
+    height: 0;
+    padding: 0;
+    padding-top: 5px;
+    font-size: 0;
+    line-height: 1px;
+    color: transparent;
+    top: 55px;
+    left: 55px;
+  }
+  20% {
+    color: transparent;
+  }
+  23.5% {
+    width: 26px;
+    height: 86px;
+    padding-left: 5px;
+    padding-right: 5px;
+    padding-top: 0;
+    font-size: 16px;
+    line-height: 21px;
+    color: #222222;
+    top: 12px;
+    left: 42px;
+  }
+}
+@-webkit-keyframes joystick-control {
+  0% {
+    width: 0;
+    height: 0;
+    padding: 0;
+    padding-top: 5px;
+    font-size: 0;
+    line-height: 1px;
+    color: transparent;
+    top: 55px;
+    left: 55px;
+  }
+  18% {
+    width: 0;
+    height: 0;
+    padding: 0;
+    padding-top: 5px;
+    font-size: 0;
+    line-height: 1px;
+    color: transparent;
+    top: 55px;
+    left: 55px;
+  }
+  20% {
+    color: transparent;
+  }
+  23.5% {
+    width: 26px;
+    height: 86px;
+    padding-left: 5px;
+    padding-right: 5px;
+    padding-top: 0;
+    font-size: 16px;
+    line-height: 21px;
+    color: #222222;
+    top: 12px;
+    left: 42px;
+  }
+}
+@keyframes joystick-control {
+  0% {
+    width: 0;
+    height: 0;
+    padding: 0;
+    padding-top: 5px;
+    font-size: 0;
+    line-height: 1px;
+    color: transparent;
+    top: 55px;
+    left: 55px;
+  }
+  18% {
+    width: 0;
+    height: 0;
+    padding: 0;
+    padding-top: 5px;
+    font-size: 0;
+    line-height: 1px;
+    color: transparent;
+    top: 55px;
+    left: 55px;
+  }
+  20% {
+    color: transparent;
+  }
+  23.5% {
+    width: 26px;
+    height: 86px;
+    padding-left: 5px;
+    padding-right: 5px;
+    padding-top: 0;
+    font-size: 16px;
+    line-height: 21px;
+    color: #222222;
+    top: 12px;
+    left: 42px;
+  }
+}
+#joystick {
+  position: absolute;
+  z-index: 14;
+  width: 110px;
+  height: 110px;
+  bottom: 130px;
+  left: 11px;
+  font-size: 102px;
+  font-weight: 700;
+  font-family: 'Oxygen', Helvetica, arial, sans-serif;
+  line-height: 44px;
+  text-indent: 43px;
+  color: #222222;
+  -webkit-animation: joystick 8s  linear;
+  animation: joystick 8s  linear;
+}
+#joystick::before,
+#joystick::after {
+  position: absolute;
+  content: "\025B2\03000\03000\025BC";
+  box-sizing: border-box;
+  z-index: -1;
+  left: 42px;
+  top: 12px;
+  text-indent: 0;
+  width: 26px;
+  height: 86px;
+  padding-left: 5px;
+  padding-right: 5px;
+  line-height: 21px;
+  border-radius: 3px;
+  background-color: #303030;
+  word-wrap: break-word;
+  text-align: center;
+  font-size: 16px;
+  color: #222222;
+  -webkit-animation: joystick-control 8s  linear;
+  animation: joystick-control 8s  linear;
+}
+#joystick::after {
+  -webkit-transform: rotateZ(-90deg);
+  transform: rotateZ(-90deg);
+}
+@-moz-keyframes control {
+  0% {
+    width: 0;
+    height: 0;
+    border: 0 transparent solid;
+    box-shadow: 0 0;
+    right: 86px;
+    bottom: 186px;
+  }
+  16% {
+    width: 0;
+    height: 0;
+    right: 86px;
+    bottom: 186px;
+    -webkit-transform: rotate(18deg);
+    transform: rotate(18deg);
+  }
+  18.5% {
+    width: 122px;
+    height: 52px;
+    right: 25px;
+    bottom: 160px;
+    -webkit-transform: rotate(-18deg);
+    transform: rotate(-18deg);
+  }
+  20% {
+    border: 0 #808080 solid;
+  }
+  22% {
+    border-width: 6px;
+    box-shadow: 0 0;
+  }
+  24% {
+    border-width: 4px;
+    box-shadow: 0 4px;
+  }
+  26% {
+    box-shadow: 0 3px;
+  }
+  100% {
+    -webkit-transform: rotate(-18deg);
+    transform: rotate(-18deg);
+  }
+}
+@-webkit-keyframes control {
+  0% {
+    width: 0;
+    height: 0;
+    border: 0 transparent solid;
+    box-shadow: 0 0;
+    right: 86px;
+    bottom: 186px;
+  }
+  16% {
+    width: 0;
+    height: 0;
+    right: 86px;
+    bottom: 186px;
+    -webkit-transform: rotate(18deg);
+    transform: rotate(18deg);
+  }
+  18.5% {
+    width: 122px;
+    height: 52px;
+    right: 25px;
+    bottom: 160px;
+    -webkit-transform: rotate(-18deg);
+    transform: rotate(-18deg);
+  }
+  20% {
+    border: 0 #808080 solid;
+  }
+  22% {
+    border-width: 6px;
+    box-shadow: 0 0;
+  }
+  24% {
+    border-width: 4px;
+    box-shadow: 0 4px;
+  }
+  26% {
+    box-shadow: 0 3px;
+  }
+  100% {
+    -webkit-transform: rotate(-18deg);
+    transform: rotate(-18deg);
+  }
+}
+@keyframes control {
+  0% {
+    width: 0;
+    height: 0;
+    border: 0 transparent solid;
+    box-shadow: 0 0;
+    right: 86px;
+    bottom: 186px;
+  }
+  16% {
+    width: 0;
+    height: 0;
+    right: 86px;
+    bottom: 186px;
+    -webkit-transform: rotate(18deg);
+    transform: rotate(18deg);
+  }
+  18.5% {
+    width: 122px;
+    height: 52px;
+    right: 25px;
+    bottom: 160px;
+    -webkit-transform: rotate(-18deg);
+    transform: rotate(-18deg);
+  }
+  20% {
+    border: 0 #808080 solid;
+  }
+  22% {
+    border-width: 6px;
+    box-shadow: 0 0;
+  }
+  24% {
+    border-width: 4px;
+    box-shadow: 0 4px;
+  }
+  26% {
+    box-shadow: 0 3px;
+  }
+  100% {
+    -webkit-transform: rotate(-18deg);
+    transform: rotate(-18deg);
+  }
+}
+#control {
+  position: absolute;
+  z-index: 5;
+  background-color: #f0f0f0;
+  width: 122px;
+  height: 52px;
+  bottom: 160px;
+  right: 25px;
+  border-radius: 20% / 50%;
+  border: 4px #808080 solid;
+  box-shadow: 0 3px;
+  -webkit-transform: rotate(-18deg);
+  transform: rotate(-18deg);
+  -webkit-animation: control 8s  linear;
+  animation: control 8s  linear;
+}
+.control-button {
+  position: absolute;
+  z-index: 14;
+  width: 40px;
+  height: 40px;
+  background-color: #303030;
+  border-radius: 100%;
+  color: transparent;
+  text-shadow: 0 0 1px #222222;
+  line-height: 38px;
+  text-align: center;
+  font-size: 25px;
+  font-weight: 300;
+  font-family: 'Oxygen', Helvetica, arial, sans-serif;
+}
+@-moz-keyframes control-b {
+  0% {
+    width: 0;
+    height: 0;
+    right: 117px;
+    bottom: 176px;
+    font-size: 0;
+  }
+  18.5% {
+    width: 0;
+    height: 0;
+    right: 117px;
+    bottom: 176px;
+  }
+  20% {
+    font-size: 0;
+  }
+  21% {
+    width: 40px;
+    height: 40px;
+    right: 97px;
+    bottom: 156px;
+    font-size: 25px;
+  }
+}
+@-webkit-keyframes control-b {
+  0% {
+    width: 0;
+    height: 0;
+    right: 117px;
+    bottom: 176px;
+    font-size: 0;
+  }
+  18.5% {
+    width: 0;
+    height: 0;
+    right: 117px;
+    bottom: 176px;
+  }
+  20% {
+    font-size: 0;
+  }
+  21% {
+    width: 40px;
+    height: 40px;
+    right: 97px;
+    bottom: 156px;
+    font-size: 25px;
+  }
+}
+@keyframes control-b {
+  0% {
+    width: 0;
+    height: 0;
+    right: 117px;
+    bottom: 176px;
+    font-size: 0;
+  }
+  18.5% {
+    width: 0;
+    height: 0;
+    right: 117px;
+    bottom: 176px;
+  }
+  20% {
+    font-size: 0;
+  }
+  21% {
+    width: 40px;
+    height: 40px;
+    right: 97px;
+    bottom: 156px;
+    font-size: 25px;
+  }
+}
+#control-b {
+  color: white;
+  right: 97px;
+  bottom: 156px;
+  -webkit-animation: control-b 8s  linear;
+  animation: control-b 8s  linear;
+}
+@-moz-keyframes control-a {
+  0% {
+    width: 0;
+    height: 0;
+    right: 54px;
+    bottom: 196px;
+    font-size: 0;
+  }
+  20% {
+    width: 0;
+    height: 0;
+    right: 54px;
+    bottom: 196px;
+  }
+  21.5% {
+    font-size: 0;
+  }
+  22.5% {
+    width: 40px;
+    height: 40px;
+    right: 34px;
+    bottom: 176px;
+    font-size: 25px;
+  }
+}
+@-webkit-keyframes control-a {
+  0% {
+    width: 0;
+    height: 0;
+    right: 54px;
+    bottom: 196px;
+    font-size: 0;
+  }
+  20% {
+    width: 0;
+    height: 0;
+    right: 54px;
+    bottom: 196px;
+  }
+  21.5% {
+    font-size: 0;
+  }
+  22.5% {
+    width: 40px;
+    height: 40px;
+    right: 34px;
+    bottom: 176px;
+    font-size: 25px;
+  }
+}
+@keyframes control-a {
+  0% {
+    width: 0;
+    height: 0;
+    right: 54px;
+    bottom: 196px;
+    font-size: 0;
+  }
+  20% {
+    width: 0;
+    height: 0;
+    right: 54px;
+    bottom: 196px;
+  }
+  21.5% {
+    font-size: 0;
+  }
+  22.5% {
+    width: 40px;
+    height: 40px;
+    right: 34px;
+    bottom: 176px;
+    font-size: 25px;
+  }
+}
+#control-a {
+  color: white;
+  right: 34px;
+  bottom: 176px;
+  -webkit-animation: control-a 8s  linear;
+  animation: control-a 8s  linear;
+}
+@-moz-keyframes start-select-box {
+  0% {
+    width: 0;
+    left: 170px;
+  }
+  18% {
+    width: 0;
+    left: 170px;
+  }
+  21.5% {
+    width: 100px;
+    left: 120px;
+  }
+}
+@-webkit-keyframes start-select-box {
+  0% {
+    width: 0;
+    left: 170px;
+  }
+  18% {
+    width: 0;
+    left: 170px;
+  }
+  21.5% {
+    width: 100px;
+    left: 120px;
+  }
+}
+@keyframes start-select-box {
+  0% {
+    width: 0;
+    left: 170px;
+  }
+  18% {
+    width: 0;
+    left: 170px;
+  }
+  21.5% {
+    width: 100px;
+    left: 120px;
+  }
+}
+@-moz-keyframes start-select-pad {
+  0% {
+    width: 0;
+    height: 0;
+    left: 21px;
+    bottom: 8.5px;
+    box-shadow: 58px 0 #9d9d9d;
+  }
+  22% {
+    width: 0;
+    height: 0;
+    left: 21px;
+    bottom: 8.5px;
+    box-shadow: 58px 0 #9d9d9d;
+  }
+  26% {
+    width: 40px;
+    height: 13px;
+    left: 1px;
+    bottom: 2px;
+    box-shadow: 58px 0 #9d9d9d;
+  }
+  28.5% {
+    left: 5px;
+    box-shadow: 50px 0 #9d9d9d;
+  }
+}
+@-webkit-keyframes start-select-pad {
+  0% {
+    width: 0;
+    height: 0;
+    left: 21px;
+    bottom: 8.5px;
+    box-shadow: 58px 0 #9d9d9d;
+  }
+  22% {
+    width: 0;
+    height: 0;
+    left: 21px;
+    bottom: 8.5px;
+    box-shadow: 58px 0 #9d9d9d;
+  }
+  26% {
+    width: 40px;
+    height: 13px;
+    left: 1px;
+    bottom: 2px;
+    box-shadow: 58px 0 #9d9d9d;
+  }
+  28.5% {
+    left: 5px;
+    box-shadow: 50px 0 #9d9d9d;
+  }
+}
+@keyframes start-select-pad {
+  0% {
+    width: 0;
+    height: 0;
+    left: 21px;
+    bottom: 8.5px;
+    box-shadow: 58px 0 #9d9d9d;
+  }
+  22% {
+    width: 0;
+    height: 0;
+    left: 21px;
+    bottom: 8.5px;
+    box-shadow: 58px 0 #9d9d9d;
+  }
+  26% {
+    width: 40px;
+    height: 13px;
+    left: 1px;
+    bottom: 2px;
+    box-shadow: 58px 0 #9d9d9d;
+  }
+  28.5% {
+    left: 5px;
+    box-shadow: 50px 0 #9d9d9d;
+  }
+}
+#start-select-box {
+  border-top: 4px #808080 solid;
+  border-bottom: 4px #808080 solid;
+  position: absolute;
+  z-index: 5;
+  width: 100px;
+  height: 25px;
+  bottom: 85px;
+  left: 120px;
+  background-color: #f0f0f0;
+  -webkit-animation: start-select-box 8s  linear;
+  animation: start-select-box 8s  linear;
+}
+#start-select-box::before {
+  content: "";
+  position: absolute;
+  z-index: 6;
+  bottom: 2px;
+  width: 40px;
+  height: 13px;
+  border-radius: 10px;
+  background-color: #9d9d9d;
+  left: 5px;
+  box-shadow: 50px 0 #9d9d9d;
+  -webkit-animation: start-select-pad 8s  linear;
+  animation: start-select-pad 8s  linear;
+}
+@-moz-keyframes start-select-button {
+  0% {
+    width: 0;
+    height: 0;
+    bottom: 97.5px;
+    left: 145px;
+  }
+  29.5% {
+    width: 0;
+    height: 0;
+    bottom: 97.5px;
+    left: 145px;
+  }
+  34% {
+    width: 32px;
+    height: 9px;
+    bottom: 93px;
+    left: 129px;
+  }
+}
+@-webkit-keyframes start-select-button {
+  0% {
+    width: 0;
+    height: 0;
+    bottom: 97.5px;
+    left: 145px;
+  }
+  29.5% {
+    width: 0;
+    height: 0;
+    bottom: 97.5px;
+    left: 145px;
+  }
+  34% {
+    width: 32px;
+    height: 9px;
+    bottom: 93px;
+    left: 129px;
+  }
+}
+@keyframes start-select-button {
+  0% {
+    width: 0;
+    height: 0;
+    bottom: 97.5px;
+    left: 145px;
+  }
+  29.5% {
+    width: 0;
+    height: 0;
+    bottom: 97.5px;
+    left: 145px;
+  }
+  34% {
+    width: 32px;
+    height: 9px;
+    bottom: 93px;
+    left: 129px;
+  }
+}
+#start-select-button {
+  position: absolute;
+  z-index: 14;
+  width: 32px;
+  height: 9px;
+  bottom: 93px;
+  left: 129px;
+  background-color: #303030;
+  border-radius: 80% / 100%;
+  box-shadow: 50px 0 #303030;
+  -webkit-animation: start-select-button 8s  linear;
+  animation: start-select-button 8s  linear;
+}
+#cover-vertical {
+  position: absolute;
+  z-index: 12;
+  width: 34px;
+  height: 570px;
+  bottom: 0;
+}
+@-moz-keyframes cover-vertical-transparent {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 34px;
+    height: 0;
+  }
+  39.90909091% {
+    height: 285px;
+    box-shadow: 34px 570px rgba(140, 46, 217, 0.125), 68px 570px rgba(140, 46, 217, 0.125), 102px 570px rgba(140, 46, 217, 0.125), 136px 570px rgba(140, 46, 217, 0.125), 170px 570px rgba(140, 46, 217, 0.125), 204px 570px rgba(140, 46, 217, 0.125), 238px 570px rgba(140, 46, 217, 0.125), 272px 570px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  40.81818182% {
+    height: 570px;
+    box-shadow: 34px 285px rgba(140, 46, 217, 0.125), 68px 570px rgba(140, 46, 217, 0.125), 102px 570px rgba(140, 46, 217, 0.125), 136px 570px rgba(140, 46, 217, 0.125), 170px 570px rgba(140, 46, 217, 0.125), 204px 570px rgba(140, 46, 217, 0.125), 238px 570px rgba(140, 46, 217, 0.125), 272px 570px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  41.72727273% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 285px rgba(140, 46, 217, 0.125), 102px 570px rgba(140, 46, 217, 0.125), 136px 570px rgba(140, 46, 217, 0.125), 170px 570px rgba(140, 46, 217, 0.125), 204px 570px rgba(140, 46, 217, 0.125), 238px 570px rgba(140, 46, 217, 0.125), 272px 570px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  42.63636364% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 285px rgba(140, 46, 217, 0.125), 136px 570px rgba(140, 46, 217, 0.125), 170px 570px rgba(140, 46, 217, 0.125), 204px 570px rgba(140, 46, 217, 0.125), 238px 570px rgba(140, 46, 217, 0.125), 272px 570px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  43.54545455% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 0 rgba(140, 46, 217, 0.125), 136px 285px rgba(140, 46, 217, 0.125), 170px 570px rgba(140, 46, 217, 0.125), 204px 570px rgba(140, 46, 217, 0.125), 238px 570px rgba(140, 46, 217, 0.125), 272px 570px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  44.45454545% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 0 rgba(140, 46, 217, 0.125), 136px 0 rgba(140, 46, 217, 0.125), 170px 285px rgba(140, 46, 217, 0.125), 204px 570px rgba(140, 46, 217, 0.125), 238px 570px rgba(140, 46, 217, 0.125), 272px 570px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  45.36363636% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 0 rgba(140, 46, 217, 0.125), 136px 0 rgba(140, 46, 217, 0.125), 170px 0 rgba(140, 46, 217, 0.125), 204px 285px rgba(140, 46, 217, 0.125), 238px 570px rgba(140, 46, 217, 0.125), 272px 570px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  46.27272727% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 0 rgba(140, 46, 217, 0.125), 136px 0 rgba(140, 46, 217, 0.125), 170px 0 rgba(140, 46, 217, 0.125), 204px 0 rgba(140, 46, 217, 0.125), 238px 285px rgba(140, 46, 217, 0.125), 272px 570px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  47.18181818% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 0 rgba(140, 46, 217, 0.125), 136px 0 rgba(140, 46, 217, 0.125), 170px 0 rgba(140, 46, 217, 0.125), 204px 0 rgba(140, 46, 217, 0.125), 238px 0 rgba(140, 46, 217, 0.125), 272px 285px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  48.09090909% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 0 rgba(140, 46, 217, 0.125), 136px 0 rgba(140, 46, 217, 0.125), 170px 0 rgba(140, 46, 217, 0.125), 204px 0 rgba(140, 46, 217, 0.125), 238px 0 rgba(140, 46, 217, 0.125), 272px 0 rgba(140, 46, 217, 0.125), 306px 285px rgba(140, 46, 217, 0.125);
+  }
+  49% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 0 rgba(140, 46, 217, 0.125), 136px 0 rgba(140, 46, 217, 0.125), 170px 0 rgba(140, 46, 217, 0.125), 204px 0 rgba(140, 46, 217, 0.125), 238px 0 rgba(140, 46, 217, 0.125), 272px 0 rgba(140, 46, 217, 0.125), 306px 0 rgba(140, 46, 217, 0.125);
+  }
+}
+@-webkit-keyframes cover-vertical-transparent {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 34px;
+    height: 0;
+  }
+  39.90909091% {
+    height: 285px;
+    box-shadow: 34px 570px rgba(140, 46, 217, 0.125), 68px 570px rgba(140, 46, 217, 0.125), 102px 570px rgba(140, 46, 217, 0.125), 136px 570px rgba(140, 46, 217, 0.125), 170px 570px rgba(140, 46, 217, 0.125), 204px 570px rgba(140, 46, 217, 0.125), 238px 570px rgba(140, 46, 217, 0.125), 272px 570px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  40.81818182% {
+    height: 570px;
+    box-shadow: 34px 285px rgba(140, 46, 217, 0.125), 68px 570px rgba(140, 46, 217, 0.125), 102px 570px rgba(140, 46, 217, 0.125), 136px 570px rgba(140, 46, 217, 0.125), 170px 570px rgba(140, 46, 217, 0.125), 204px 570px rgba(140, 46, 217, 0.125), 238px 570px rgba(140, 46, 217, 0.125), 272px 570px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  41.72727273% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 285px rgba(140, 46, 217, 0.125), 102px 570px rgba(140, 46, 217, 0.125), 136px 570px rgba(140, 46, 217, 0.125), 170px 570px rgba(140, 46, 217, 0.125), 204px 570px rgba(140, 46, 217, 0.125), 238px 570px rgba(140, 46, 217, 0.125), 272px 570px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  42.63636364% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 285px rgba(140, 46, 217, 0.125), 136px 570px rgba(140, 46, 217, 0.125), 170px 570px rgba(140, 46, 217, 0.125), 204px 570px rgba(140, 46, 217, 0.125), 238px 570px rgba(140, 46, 217, 0.125), 272px 570px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  43.54545455% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 0 rgba(140, 46, 217, 0.125), 136px 285px rgba(140, 46, 217, 0.125), 170px 570px rgba(140, 46, 217, 0.125), 204px 570px rgba(140, 46, 217, 0.125), 238px 570px rgba(140, 46, 217, 0.125), 272px 570px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  44.45454545% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 0 rgba(140, 46, 217, 0.125), 136px 0 rgba(140, 46, 217, 0.125), 170px 285px rgba(140, 46, 217, 0.125), 204px 570px rgba(140, 46, 217, 0.125), 238px 570px rgba(140, 46, 217, 0.125), 272px 570px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  45.36363636% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 0 rgba(140, 46, 217, 0.125), 136px 0 rgba(140, 46, 217, 0.125), 170px 0 rgba(140, 46, 217, 0.125), 204px 285px rgba(140, 46, 217, 0.125), 238px 570px rgba(140, 46, 217, 0.125), 272px 570px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  46.27272727% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 0 rgba(140, 46, 217, 0.125), 136px 0 rgba(140, 46, 217, 0.125), 170px 0 rgba(140, 46, 217, 0.125), 204px 0 rgba(140, 46, 217, 0.125), 238px 285px rgba(140, 46, 217, 0.125), 272px 570px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  47.18181818% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 0 rgba(140, 46, 217, 0.125), 136px 0 rgba(140, 46, 217, 0.125), 170px 0 rgba(140, 46, 217, 0.125), 204px 0 rgba(140, 46, 217, 0.125), 238px 0 rgba(140, 46, 217, 0.125), 272px 285px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  48.09090909% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 0 rgba(140, 46, 217, 0.125), 136px 0 rgba(140, 46, 217, 0.125), 170px 0 rgba(140, 46, 217, 0.125), 204px 0 rgba(140, 46, 217, 0.125), 238px 0 rgba(140, 46, 217, 0.125), 272px 0 rgba(140, 46, 217, 0.125), 306px 285px rgba(140, 46, 217, 0.125);
+  }
+  49% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 0 rgba(140, 46, 217, 0.125), 136px 0 rgba(140, 46, 217, 0.125), 170px 0 rgba(140, 46, 217, 0.125), 204px 0 rgba(140, 46, 217, 0.125), 238px 0 rgba(140, 46, 217, 0.125), 272px 0 rgba(140, 46, 217, 0.125), 306px 0 rgba(140, 46, 217, 0.125);
+  }
+}
+@keyframes cover-vertical-transparent {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 34px;
+    height: 0;
+  }
+  39.90909091% {
+    height: 285px;
+    box-shadow: 34px 570px rgba(140, 46, 217, 0.125), 68px 570px rgba(140, 46, 217, 0.125), 102px 570px rgba(140, 46, 217, 0.125), 136px 570px rgba(140, 46, 217, 0.125), 170px 570px rgba(140, 46, 217, 0.125), 204px 570px rgba(140, 46, 217, 0.125), 238px 570px rgba(140, 46, 217, 0.125), 272px 570px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  40.81818182% {
+    height: 570px;
+    box-shadow: 34px 285px rgba(140, 46, 217, 0.125), 68px 570px rgba(140, 46, 217, 0.125), 102px 570px rgba(140, 46, 217, 0.125), 136px 570px rgba(140, 46, 217, 0.125), 170px 570px rgba(140, 46, 217, 0.125), 204px 570px rgba(140, 46, 217, 0.125), 238px 570px rgba(140, 46, 217, 0.125), 272px 570px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  41.72727273% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 285px rgba(140, 46, 217, 0.125), 102px 570px rgba(140, 46, 217, 0.125), 136px 570px rgba(140, 46, 217, 0.125), 170px 570px rgba(140, 46, 217, 0.125), 204px 570px rgba(140, 46, 217, 0.125), 238px 570px rgba(140, 46, 217, 0.125), 272px 570px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  42.63636364% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 285px rgba(140, 46, 217, 0.125), 136px 570px rgba(140, 46, 217, 0.125), 170px 570px rgba(140, 46, 217, 0.125), 204px 570px rgba(140, 46, 217, 0.125), 238px 570px rgba(140, 46, 217, 0.125), 272px 570px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  43.54545455% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 0 rgba(140, 46, 217, 0.125), 136px 285px rgba(140, 46, 217, 0.125), 170px 570px rgba(140, 46, 217, 0.125), 204px 570px rgba(140, 46, 217, 0.125), 238px 570px rgba(140, 46, 217, 0.125), 272px 570px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  44.45454545% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 0 rgba(140, 46, 217, 0.125), 136px 0 rgba(140, 46, 217, 0.125), 170px 285px rgba(140, 46, 217, 0.125), 204px 570px rgba(140, 46, 217, 0.125), 238px 570px rgba(140, 46, 217, 0.125), 272px 570px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  45.36363636% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 0 rgba(140, 46, 217, 0.125), 136px 0 rgba(140, 46, 217, 0.125), 170px 0 rgba(140, 46, 217, 0.125), 204px 285px rgba(140, 46, 217, 0.125), 238px 570px rgba(140, 46, 217, 0.125), 272px 570px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  46.27272727% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 0 rgba(140, 46, 217, 0.125), 136px 0 rgba(140, 46, 217, 0.125), 170px 0 rgba(140, 46, 217, 0.125), 204px 0 rgba(140, 46, 217, 0.125), 238px 285px rgba(140, 46, 217, 0.125), 272px 570px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  47.18181818% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 0 rgba(140, 46, 217, 0.125), 136px 0 rgba(140, 46, 217, 0.125), 170px 0 rgba(140, 46, 217, 0.125), 204px 0 rgba(140, 46, 217, 0.125), 238px 0 rgba(140, 46, 217, 0.125), 272px 285px rgba(140, 46, 217, 0.125), 306px 570px rgba(140, 46, 217, 0.125);
+  }
+  48.09090909% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 0 rgba(140, 46, 217, 0.125), 136px 0 rgba(140, 46, 217, 0.125), 170px 0 rgba(140, 46, 217, 0.125), 204px 0 rgba(140, 46, 217, 0.125), 238px 0 rgba(140, 46, 217, 0.125), 272px 0 rgba(140, 46, 217, 0.125), 306px 285px rgba(140, 46, 217, 0.125);
+  }
+  49% {
+    box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 0 rgba(140, 46, 217, 0.125), 136px 0 rgba(140, 46, 217, 0.125), 170px 0 rgba(140, 46, 217, 0.125), 204px 0 rgba(140, 46, 217, 0.125), 238px 0 rgba(140, 46, 217, 0.125), 272px 0 rgba(140, 46, 217, 0.125), 306px 0 rgba(140, 46, 217, 0.125);
+  }
+}
+#gameboy.transparent #cover-vertical {
+  background-color: rgba(140, 46, 217, 0.125);
+  -webkit-animation: cover-vertical-transparent 8s  linear;
+  animation: cover-vertical-transparent 8s  linear;
+  box-shadow: 34px 0 rgba(140, 46, 217, 0.125), 68px 0 rgba(140, 46, 217, 0.125), 102px 0 rgba(140, 46, 217, 0.125), 136px 0 rgba(140, 46, 217, 0.125), 170px 0 rgba(140, 46, 217, 0.125), 204px 0 rgba(140, 46, 217, 0.125), 238px 0 rgba(140, 46, 217, 0.125), 272px 0 rgba(140, 46, 217, 0.125), 306px 0 rgba(140, 46, 217, 0.125);
+}
+@-moz-keyframes cover-vertical-teal {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 34px;
+    height: 0;
+  }
+  39.90909091% {
+    height: 285px;
+    box-shadow: 34px 570px #01b4dd, 68px 570px #01b4dd, 102px 570px #01b4dd, 136px 570px #01b4dd, 170px 570px #01b4dd, 204px 570px #01b4dd, 238px 570px #01b4dd, 272px 570px #01b4dd, 306px 570px #01b4dd;
+  }
+  40.81818182% {
+    height: 570px;
+    box-shadow: 34px 285px #01b4dd, 68px 570px #01b4dd, 102px 570px #01b4dd, 136px 570px #01b4dd, 170px 570px #01b4dd, 204px 570px #01b4dd, 238px 570px #01b4dd, 272px 570px #01b4dd, 306px 570px #01b4dd;
+  }
+  41.72727273% {
+    box-shadow: 34px 0 #01b4dd, 68px 285px #01b4dd, 102px 570px #01b4dd, 136px 570px #01b4dd, 170px 570px #01b4dd, 204px 570px #01b4dd, 238px 570px #01b4dd, 272px 570px #01b4dd, 306px 570px #01b4dd;
+  }
+  42.63636364% {
+    box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 285px #01b4dd, 136px 570px #01b4dd, 170px 570px #01b4dd, 204px 570px #01b4dd, 238px 570px #01b4dd, 272px 570px #01b4dd, 306px 570px #01b4dd;
+  }
+  43.54545455% {
+    box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 0 #01b4dd, 136px 285px #01b4dd, 170px 570px #01b4dd, 204px 570px #01b4dd, 238px 570px #01b4dd, 272px 570px #01b4dd, 306px 570px #01b4dd;
+  }
+  44.45454545% {
+    box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 0 #01b4dd, 136px 0 #01b4dd, 170px 285px #01b4dd, 204px 570px #01b4dd, 238px 570px #01b4dd, 272px 570px #01b4dd, 306px 570px #01b4dd;
+  }
+  45.36363636% {
+    box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 0 #01b4dd, 136px 0 #01b4dd, 170px 0 #01b4dd, 204px 285px #01b4dd, 238px 570px #01b4dd, 272px 570px #01b4dd, 306px 570px #01b4dd;
+  }
+  46.27272727% {
+    box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 0 #01b4dd, 136px 0 #01b4dd, 170px 0 #01b4dd, 204px 0 #01b4dd, 238px 285px #01b4dd, 272px 570px #01b4dd, 306px 570px #01b4dd;
+  }
+  47.18181818% {
+    box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 0 #01b4dd, 136px 0 #01b4dd, 170px 0 #01b4dd, 204px 0 #01b4dd, 238px 0 #01b4dd, 272px 285px #01b4dd, 306px 570px #01b4dd;
+  }
+  48.09090909% {
+    box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 0 #01b4dd, 136px 0 #01b4dd, 170px 0 #01b4dd, 204px 0 #01b4dd, 238px 0 #01b4dd, 272px 0 #01b4dd, 306px 285px #01b4dd;
+  }
+  49% {
+    box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 0 #01b4dd, 136px 0 #01b4dd, 170px 0 #01b4dd, 204px 0 #01b4dd, 238px 0 #01b4dd, 272px 0 #01b4dd, 306px 0 #01b4dd;
+  }
+}
+@-webkit-keyframes cover-vertical-teal {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 34px;
+    height: 0;
+  }
+  39.90909091% {
+    height: 285px;
+    box-shadow: 34px 570px #01b4dd, 68px 570px #01b4dd, 102px 570px #01b4dd, 136px 570px #01b4dd, 170px 570px #01b4dd, 204px 570px #01b4dd, 238px 570px #01b4dd, 272px 570px #01b4dd, 306px 570px #01b4dd;
+  }
+  40.81818182% {
+    height: 570px;
+    box-shadow: 34px 285px #01b4dd, 68px 570px #01b4dd, 102px 570px #01b4dd, 136px 570px #01b4dd, 170px 570px #01b4dd, 204px 570px #01b4dd, 238px 570px #01b4dd, 272px 570px #01b4dd, 306px 570px #01b4dd;
+  }
+  41.72727273% {
+    box-shadow: 34px 0 #01b4dd, 68px 285px #01b4dd, 102px 570px #01b4dd, 136px 570px #01b4dd, 170px 570px #01b4dd, 204px 570px #01b4dd, 238px 570px #01b4dd, 272px 570px #01b4dd, 306px 570px #01b4dd;
+  }
+  42.63636364% {
+    box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 285px #01b4dd, 136px 570px #01b4dd, 170px 570px #01b4dd, 204px 570px #01b4dd, 238px 570px #01b4dd, 272px 570px #01b4dd, 306px 570px #01b4dd;
+  }
+  43.54545455% {
+    box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 0 #01b4dd, 136px 285px #01b4dd, 170px 570px #01b4dd, 204px 570px #01b4dd, 238px 570px #01b4dd, 272px 570px #01b4dd, 306px 570px #01b4dd;
+  }
+  44.45454545% {
+    box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 0 #01b4dd, 136px 0 #01b4dd, 170px 285px #01b4dd, 204px 570px #01b4dd, 238px 570px #01b4dd, 272px 570px #01b4dd, 306px 570px #01b4dd;
+  }
+  45.36363636% {
+    box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 0 #01b4dd, 136px 0 #01b4dd, 170px 0 #01b4dd, 204px 285px #01b4dd, 238px 570px #01b4dd, 272px 570px #01b4dd, 306px 570px #01b4dd;
+  }
+  46.27272727% {
+    box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 0 #01b4dd, 136px 0 #01b4dd, 170px 0 #01b4dd, 204px 0 #01b4dd, 238px 285px #01b4dd, 272px 570px #01b4dd, 306px 570px #01b4dd;
+  }
+  47.18181818% {
+    box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 0 #01b4dd, 136px 0 #01b4dd, 170px 0 #01b4dd, 204px 0 #01b4dd, 238px 0 #01b4dd, 272px 285px #01b4dd, 306px 570px #01b4dd;
+  }
+  48.09090909% {
+    box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 0 #01b4dd, 136px 0 #01b4dd, 170px 0 #01b4dd, 204px 0 #01b4dd, 238px 0 #01b4dd, 272px 0 #01b4dd, 306px 285px #01b4dd;
+  }
+  49% {
+    box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 0 #01b4dd, 136px 0 #01b4dd, 170px 0 #01b4dd, 204px 0 #01b4dd, 238px 0 #01b4dd, 272px 0 #01b4dd, 306px 0 #01b4dd;
+  }
+}
+@keyframes cover-vertical-teal {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 34px;
+    height: 0;
+  }
+  39.90909091% {
+    height: 285px;
+    box-shadow: 34px 570px #01b4dd, 68px 570px #01b4dd, 102px 570px #01b4dd, 136px 570px #01b4dd, 170px 570px #01b4dd, 204px 570px #01b4dd, 238px 570px #01b4dd, 272px 570px #01b4dd, 306px 570px #01b4dd;
+  }
+  40.81818182% {
+    height: 570px;
+    box-shadow: 34px 285px #01b4dd, 68px 570px #01b4dd, 102px 570px #01b4dd, 136px 570px #01b4dd, 170px 570px #01b4dd, 204px 570px #01b4dd, 238px 570px #01b4dd, 272px 570px #01b4dd, 306px 570px #01b4dd;
+  }
+  41.72727273% {
+    box-shadow: 34px 0 #01b4dd, 68px 285px #01b4dd, 102px 570px #01b4dd, 136px 570px #01b4dd, 170px 570px #01b4dd, 204px 570px #01b4dd, 238px 570px #01b4dd, 272px 570px #01b4dd, 306px 570px #01b4dd;
+  }
+  42.63636364% {
+    box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 285px #01b4dd, 136px 570px #01b4dd, 170px 570px #01b4dd, 204px 570px #01b4dd, 238px 570px #01b4dd, 272px 570px #01b4dd, 306px 570px #01b4dd;
+  }
+  43.54545455% {
+    box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 0 #01b4dd, 136px 285px #01b4dd, 170px 570px #01b4dd, 204px 570px #01b4dd, 238px 570px #01b4dd, 272px 570px #01b4dd, 306px 570px #01b4dd;
+  }
+  44.45454545% {
+    box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 0 #01b4dd, 136px 0 #01b4dd, 170px 285px #01b4dd, 204px 570px #01b4dd, 238px 570px #01b4dd, 272px 570px #01b4dd, 306px 570px #01b4dd;
+  }
+  45.36363636% {
+    box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 0 #01b4dd, 136px 0 #01b4dd, 170px 0 #01b4dd, 204px 285px #01b4dd, 238px 570px #01b4dd, 272px 570px #01b4dd, 306px 570px #01b4dd;
+  }
+  46.27272727% {
+    box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 0 #01b4dd, 136px 0 #01b4dd, 170px 0 #01b4dd, 204px 0 #01b4dd, 238px 285px #01b4dd, 272px 570px #01b4dd, 306px 570px #01b4dd;
+  }
+  47.18181818% {
+    box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 0 #01b4dd, 136px 0 #01b4dd, 170px 0 #01b4dd, 204px 0 #01b4dd, 238px 0 #01b4dd, 272px 285px #01b4dd, 306px 570px #01b4dd;
+  }
+  48.09090909% {
+    box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 0 #01b4dd, 136px 0 #01b4dd, 170px 0 #01b4dd, 204px 0 #01b4dd, 238px 0 #01b4dd, 272px 0 #01b4dd, 306px 285px #01b4dd;
+  }
+  49% {
+    box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 0 #01b4dd, 136px 0 #01b4dd, 170px 0 #01b4dd, 204px 0 #01b4dd, 238px 0 #01b4dd, 272px 0 #01b4dd, 306px 0 #01b4dd;
+  }
+}
+#gameboy.teal #cover-vertical {
+  background-color: #01b4dd;
+  -webkit-animation: cover-vertical-teal 8s  linear;
+  animation: cover-vertical-teal 8s  linear;
+  box-shadow: 34px 0 #01b4dd, 68px 0 #01b4dd, 102px 0 #01b4dd, 136px 0 #01b4dd, 170px 0 #01b4dd, 204px 0 #01b4dd, 238px 0 #01b4dd, 272px 0 #01b4dd, 306px 0 #01b4dd;
+}
+@-moz-keyframes cover-vertical-yellow {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 34px;
+    height: 0;
+  }
+  39.90909091% {
+    height: 285px;
+    box-shadow: 34px 570px #f9e52e, 68px 570px #f9e52e, 102px 570px #f9e52e, 136px 570px #f9e52e, 170px 570px #f9e52e, 204px 570px #f9e52e, 238px 570px #f9e52e, 272px 570px #f9e52e, 306px 570px #f9e52e;
+  }
+  40.81818182% {
+    height: 570px;
+    box-shadow: 34px 285px #f9e52e, 68px 570px #f9e52e, 102px 570px #f9e52e, 136px 570px #f9e52e, 170px 570px #f9e52e, 204px 570px #f9e52e, 238px 570px #f9e52e, 272px 570px #f9e52e, 306px 570px #f9e52e;
+  }
+  41.72727273% {
+    box-shadow: 34px 0 #f9e52e, 68px 285px #f9e52e, 102px 570px #f9e52e, 136px 570px #f9e52e, 170px 570px #f9e52e, 204px 570px #f9e52e, 238px 570px #f9e52e, 272px 570px #f9e52e, 306px 570px #f9e52e;
+  }
+  42.63636364% {
+    box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 285px #f9e52e, 136px 570px #f9e52e, 170px 570px #f9e52e, 204px 570px #f9e52e, 238px 570px #f9e52e, 272px 570px #f9e52e, 306px 570px #f9e52e;
+  }
+  43.54545455% {
+    box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 0 #f9e52e, 136px 285px #f9e52e, 170px 570px #f9e52e, 204px 570px #f9e52e, 238px 570px #f9e52e, 272px 570px #f9e52e, 306px 570px #f9e52e;
+  }
+  44.45454545% {
+    box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 0 #f9e52e, 136px 0 #f9e52e, 170px 285px #f9e52e, 204px 570px #f9e52e, 238px 570px #f9e52e, 272px 570px #f9e52e, 306px 570px #f9e52e;
+  }
+  45.36363636% {
+    box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 0 #f9e52e, 136px 0 #f9e52e, 170px 0 #f9e52e, 204px 285px #f9e52e, 238px 570px #f9e52e, 272px 570px #f9e52e, 306px 570px #f9e52e;
+  }
+  46.27272727% {
+    box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 0 #f9e52e, 136px 0 #f9e52e, 170px 0 #f9e52e, 204px 0 #f9e52e, 238px 285px #f9e52e, 272px 570px #f9e52e, 306px 570px #f9e52e;
+  }
+  47.18181818% {
+    box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 0 #f9e52e, 136px 0 #f9e52e, 170px 0 #f9e52e, 204px 0 #f9e52e, 238px 0 #f9e52e, 272px 285px #f9e52e, 306px 570px #f9e52e;
+  }
+  48.09090909% {
+    box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 0 #f9e52e, 136px 0 #f9e52e, 170px 0 #f9e52e, 204px 0 #f9e52e, 238px 0 #f9e52e, 272px 0 #f9e52e, 306px 285px #f9e52e;
+  }
+  49% {
+    box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 0 #f9e52e, 136px 0 #f9e52e, 170px 0 #f9e52e, 204px 0 #f9e52e, 238px 0 #f9e52e, 272px 0 #f9e52e, 306px 0 #f9e52e;
+  }
+}
+@-webkit-keyframes cover-vertical-yellow {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 34px;
+    height: 0;
+  }
+  39.90909091% {
+    height: 285px;
+    box-shadow: 34px 570px #f9e52e, 68px 570px #f9e52e, 102px 570px #f9e52e, 136px 570px #f9e52e, 170px 570px #f9e52e, 204px 570px #f9e52e, 238px 570px #f9e52e, 272px 570px #f9e52e, 306px 570px #f9e52e;
+  }
+  40.81818182% {
+    height: 570px;
+    box-shadow: 34px 285px #f9e52e, 68px 570px #f9e52e, 102px 570px #f9e52e, 136px 570px #f9e52e, 170px 570px #f9e52e, 204px 570px #f9e52e, 238px 570px #f9e52e, 272px 570px #f9e52e, 306px 570px #f9e52e;
+  }
+  41.72727273% {
+    box-shadow: 34px 0 #f9e52e, 68px 285px #f9e52e, 102px 570px #f9e52e, 136px 570px #f9e52e, 170px 570px #f9e52e, 204px 570px #f9e52e, 238px 570px #f9e52e, 272px 570px #f9e52e, 306px 570px #f9e52e;
+  }
+  42.63636364% {
+    box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 285px #f9e52e, 136px 570px #f9e52e, 170px 570px #f9e52e, 204px 570px #f9e52e, 238px 570px #f9e52e, 272px 570px #f9e52e, 306px 570px #f9e52e;
+  }
+  43.54545455% {
+    box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 0 #f9e52e, 136px 285px #f9e52e, 170px 570px #f9e52e, 204px 570px #f9e52e, 238px 570px #f9e52e, 272px 570px #f9e52e, 306px 570px #f9e52e;
+  }
+  44.45454545% {
+    box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 0 #f9e52e, 136px 0 #f9e52e, 170px 285px #f9e52e, 204px 570px #f9e52e, 238px 570px #f9e52e, 272px 570px #f9e52e, 306px 570px #f9e52e;
+  }
+  45.36363636% {
+    box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 0 #f9e52e, 136px 0 #f9e52e, 170px 0 #f9e52e, 204px 285px #f9e52e, 238px 570px #f9e52e, 272px 570px #f9e52e, 306px 570px #f9e52e;
+  }
+  46.27272727% {
+    box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 0 #f9e52e, 136px 0 #f9e52e, 170px 0 #f9e52e, 204px 0 #f9e52e, 238px 285px #f9e52e, 272px 570px #f9e52e, 306px 570px #f9e52e;
+  }
+  47.18181818% {
+    box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 0 #f9e52e, 136px 0 #f9e52e, 170px 0 #f9e52e, 204px 0 #f9e52e, 238px 0 #f9e52e, 272px 285px #f9e52e, 306px 570px #f9e52e;
+  }
+  48.09090909% {
+    box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 0 #f9e52e, 136px 0 #f9e52e, 170px 0 #f9e52e, 204px 0 #f9e52e, 238px 0 #f9e52e, 272px 0 #f9e52e, 306px 285px #f9e52e;
+  }
+  49% {
+    box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 0 #f9e52e, 136px 0 #f9e52e, 170px 0 #f9e52e, 204px 0 #f9e52e, 238px 0 #f9e52e, 272px 0 #f9e52e, 306px 0 #f9e52e;
+  }
+}
+@keyframes cover-vertical-yellow {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 34px;
+    height: 0;
+  }
+  39.90909091% {
+    height: 285px;
+    box-shadow: 34px 570px #f9e52e, 68px 570px #f9e52e, 102px 570px #f9e52e, 136px 570px #f9e52e, 170px 570px #f9e52e, 204px 570px #f9e52e, 238px 570px #f9e52e, 272px 570px #f9e52e, 306px 570px #f9e52e;
+  }
+  40.81818182% {
+    height: 570px;
+    box-shadow: 34px 285px #f9e52e, 68px 570px #f9e52e, 102px 570px #f9e52e, 136px 570px #f9e52e, 170px 570px #f9e52e, 204px 570px #f9e52e, 238px 570px #f9e52e, 272px 570px #f9e52e, 306px 570px #f9e52e;
+  }
+  41.72727273% {
+    box-shadow: 34px 0 #f9e52e, 68px 285px #f9e52e, 102px 570px #f9e52e, 136px 570px #f9e52e, 170px 570px #f9e52e, 204px 570px #f9e52e, 238px 570px #f9e52e, 272px 570px #f9e52e, 306px 570px #f9e52e;
+  }
+  42.63636364% {
+    box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 285px #f9e52e, 136px 570px #f9e52e, 170px 570px #f9e52e, 204px 570px #f9e52e, 238px 570px #f9e52e, 272px 570px #f9e52e, 306px 570px #f9e52e;
+  }
+  43.54545455% {
+    box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 0 #f9e52e, 136px 285px #f9e52e, 170px 570px #f9e52e, 204px 570px #f9e52e, 238px 570px #f9e52e, 272px 570px #f9e52e, 306px 570px #f9e52e;
+  }
+  44.45454545% {
+    box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 0 #f9e52e, 136px 0 #f9e52e, 170px 285px #f9e52e, 204px 570px #f9e52e, 238px 570px #f9e52e, 272px 570px #f9e52e, 306px 570px #f9e52e;
+  }
+  45.36363636% {
+    box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 0 #f9e52e, 136px 0 #f9e52e, 170px 0 #f9e52e, 204px 285px #f9e52e, 238px 570px #f9e52e, 272px 570px #f9e52e, 306px 570px #f9e52e;
+  }
+  46.27272727% {
+    box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 0 #f9e52e, 136px 0 #f9e52e, 170px 0 #f9e52e, 204px 0 #f9e52e, 238px 285px #f9e52e, 272px 570px #f9e52e, 306px 570px #f9e52e;
+  }
+  47.18181818% {
+    box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 0 #f9e52e, 136px 0 #f9e52e, 170px 0 #f9e52e, 204px 0 #f9e52e, 238px 0 #f9e52e, 272px 285px #f9e52e, 306px 570px #f9e52e;
+  }
+  48.09090909% {
+    box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 0 #f9e52e, 136px 0 #f9e52e, 170px 0 #f9e52e, 204px 0 #f9e52e, 238px 0 #f9e52e, 272px 0 #f9e52e, 306px 285px #f9e52e;
+  }
+  49% {
+    box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 0 #f9e52e, 136px 0 #f9e52e, 170px 0 #f9e52e, 204px 0 #f9e52e, 238px 0 #f9e52e, 272px 0 #f9e52e, 306px 0 #f9e52e;
+  }
+}
+#gameboy.yellow #cover-vertical {
+  background-color: #f9e52e;
+  -webkit-animation: cover-vertical-yellow 8s  linear;
+  animation: cover-vertical-yellow 8s  linear;
+  box-shadow: 34px 0 #f9e52e, 68px 0 #f9e52e, 102px 0 #f9e52e, 136px 0 #f9e52e, 170px 0 #f9e52e, 204px 0 #f9e52e, 238px 0 #f9e52e, 272px 0 #f9e52e, 306px 0 #f9e52e;
+}
+@-moz-keyframes cover-vertical-green {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 34px;
+    height: 0;
+  }
+  39.90909091% {
+    height: 285px;
+    box-shadow: 34px 570px #85e367, 68px 570px #85e367, 102px 570px #85e367, 136px 570px #85e367, 170px 570px #85e367, 204px 570px #85e367, 238px 570px #85e367, 272px 570px #85e367, 306px 570px #85e367;
+  }
+  40.81818182% {
+    height: 570px;
+    box-shadow: 34px 285px #85e367, 68px 570px #85e367, 102px 570px #85e367, 136px 570px #85e367, 170px 570px #85e367, 204px 570px #85e367, 238px 570px #85e367, 272px 570px #85e367, 306px 570px #85e367;
+  }
+  41.72727273% {
+    box-shadow: 34px 0 #85e367, 68px 285px #85e367, 102px 570px #85e367, 136px 570px #85e367, 170px 570px #85e367, 204px 570px #85e367, 238px 570px #85e367, 272px 570px #85e367, 306px 570px #85e367;
+  }
+  42.63636364% {
+    box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 285px #85e367, 136px 570px #85e367, 170px 570px #85e367, 204px 570px #85e367, 238px 570px #85e367, 272px 570px #85e367, 306px 570px #85e367;
+  }
+  43.54545455% {
+    box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 0 #85e367, 136px 285px #85e367, 170px 570px #85e367, 204px 570px #85e367, 238px 570px #85e367, 272px 570px #85e367, 306px 570px #85e367;
+  }
+  44.45454545% {
+    box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 0 #85e367, 136px 0 #85e367, 170px 285px #85e367, 204px 570px #85e367, 238px 570px #85e367, 272px 570px #85e367, 306px 570px #85e367;
+  }
+  45.36363636% {
+    box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 0 #85e367, 136px 0 #85e367, 170px 0 #85e367, 204px 285px #85e367, 238px 570px #85e367, 272px 570px #85e367, 306px 570px #85e367;
+  }
+  46.27272727% {
+    box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 0 #85e367, 136px 0 #85e367, 170px 0 #85e367, 204px 0 #85e367, 238px 285px #85e367, 272px 570px #85e367, 306px 570px #85e367;
+  }
+  47.18181818% {
+    box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 0 #85e367, 136px 0 #85e367, 170px 0 #85e367, 204px 0 #85e367, 238px 0 #85e367, 272px 285px #85e367, 306px 570px #85e367;
+  }
+  48.09090909% {
+    box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 0 #85e367, 136px 0 #85e367, 170px 0 #85e367, 204px 0 #85e367, 238px 0 #85e367, 272px 0 #85e367, 306px 285px #85e367;
+  }
+  49% {
+    box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 0 #85e367, 136px 0 #85e367, 170px 0 #85e367, 204px 0 #85e367, 238px 0 #85e367, 272px 0 #85e367, 306px 0 #85e367;
+  }
+}
+@-webkit-keyframes cover-vertical-green {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 34px;
+    height: 0;
+  }
+  39.90909091% {
+    height: 285px;
+    box-shadow: 34px 570px #85e367, 68px 570px #85e367, 102px 570px #85e367, 136px 570px #85e367, 170px 570px #85e367, 204px 570px #85e367, 238px 570px #85e367, 272px 570px #85e367, 306px 570px #85e367;
+  }
+  40.81818182% {
+    height: 570px;
+    box-shadow: 34px 285px #85e367, 68px 570px #85e367, 102px 570px #85e367, 136px 570px #85e367, 170px 570px #85e367, 204px 570px #85e367, 238px 570px #85e367, 272px 570px #85e367, 306px 570px #85e367;
+  }
+  41.72727273% {
+    box-shadow: 34px 0 #85e367, 68px 285px #85e367, 102px 570px #85e367, 136px 570px #85e367, 170px 570px #85e367, 204px 570px #85e367, 238px 570px #85e367, 272px 570px #85e367, 306px 570px #85e367;
+  }
+  42.63636364% {
+    box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 285px #85e367, 136px 570px #85e367, 170px 570px #85e367, 204px 570px #85e367, 238px 570px #85e367, 272px 570px #85e367, 306px 570px #85e367;
+  }
+  43.54545455% {
+    box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 0 #85e367, 136px 285px #85e367, 170px 570px #85e367, 204px 570px #85e367, 238px 570px #85e367, 272px 570px #85e367, 306px 570px #85e367;
+  }
+  44.45454545% {
+    box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 0 #85e367, 136px 0 #85e367, 170px 285px #85e367, 204px 570px #85e367, 238px 570px #85e367, 272px 570px #85e367, 306px 570px #85e367;
+  }
+  45.36363636% {
+    box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 0 #85e367, 136px 0 #85e367, 170px 0 #85e367, 204px 285px #85e367, 238px 570px #85e367, 272px 570px #85e367, 306px 570px #85e367;
+  }
+  46.27272727% {
+    box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 0 #85e367, 136px 0 #85e367, 170px 0 #85e367, 204px 0 #85e367, 238px 285px #85e367, 272px 570px #85e367, 306px 570px #85e367;
+  }
+  47.18181818% {
+    box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 0 #85e367, 136px 0 #85e367, 170px 0 #85e367, 204px 0 #85e367, 238px 0 #85e367, 272px 285px #85e367, 306px 570px #85e367;
+  }
+  48.09090909% {
+    box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 0 #85e367, 136px 0 #85e367, 170px 0 #85e367, 204px 0 #85e367, 238px 0 #85e367, 272px 0 #85e367, 306px 285px #85e367;
+  }
+  49% {
+    box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 0 #85e367, 136px 0 #85e367, 170px 0 #85e367, 204px 0 #85e367, 238px 0 #85e367, 272px 0 #85e367, 306px 0 #85e367;
+  }
+}
+@keyframes cover-vertical-green {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 34px;
+    height: 0;
+  }
+  39.90909091% {
+    height: 285px;
+    box-shadow: 34px 570px #85e367, 68px 570px #85e367, 102px 570px #85e367, 136px 570px #85e367, 170px 570px #85e367, 204px 570px #85e367, 238px 570px #85e367, 272px 570px #85e367, 306px 570px #85e367;
+  }
+  40.81818182% {
+    height: 570px;
+    box-shadow: 34px 285px #85e367, 68px 570px #85e367, 102px 570px #85e367, 136px 570px #85e367, 170px 570px #85e367, 204px 570px #85e367, 238px 570px #85e367, 272px 570px #85e367, 306px 570px #85e367;
+  }
+  41.72727273% {
+    box-shadow: 34px 0 #85e367, 68px 285px #85e367, 102px 570px #85e367, 136px 570px #85e367, 170px 570px #85e367, 204px 570px #85e367, 238px 570px #85e367, 272px 570px #85e367, 306px 570px #85e367;
+  }
+  42.63636364% {
+    box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 285px #85e367, 136px 570px #85e367, 170px 570px #85e367, 204px 570px #85e367, 238px 570px #85e367, 272px 570px #85e367, 306px 570px #85e367;
+  }
+  43.54545455% {
+    box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 0 #85e367, 136px 285px #85e367, 170px 570px #85e367, 204px 570px #85e367, 238px 570px #85e367, 272px 570px #85e367, 306px 570px #85e367;
+  }
+  44.45454545% {
+    box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 0 #85e367, 136px 0 #85e367, 170px 285px #85e367, 204px 570px #85e367, 238px 570px #85e367, 272px 570px #85e367, 306px 570px #85e367;
+  }
+  45.36363636% {
+    box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 0 #85e367, 136px 0 #85e367, 170px 0 #85e367, 204px 285px #85e367, 238px 570px #85e367, 272px 570px #85e367, 306px 570px #85e367;
+  }
+  46.27272727% {
+    box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 0 #85e367, 136px 0 #85e367, 170px 0 #85e367, 204px 0 #85e367, 238px 285px #85e367, 272px 570px #85e367, 306px 570px #85e367;
+  }
+  47.18181818% {
+    box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 0 #85e367, 136px 0 #85e367, 170px 0 #85e367, 204px 0 #85e367, 238px 0 #85e367, 272px 285px #85e367, 306px 570px #85e367;
+  }
+  48.09090909% {
+    box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 0 #85e367, 136px 0 #85e367, 170px 0 #85e367, 204px 0 #85e367, 238px 0 #85e367, 272px 0 #85e367, 306px 285px #85e367;
+  }
+  49% {
+    box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 0 #85e367, 136px 0 #85e367, 170px 0 #85e367, 204px 0 #85e367, 238px 0 #85e367, 272px 0 #85e367, 306px 0 #85e367;
+  }
+}
+#gameboy.green #cover-vertical {
+  background-color: #85e367;
+  -webkit-animation: cover-vertical-green 8s  linear;
+  animation: cover-vertical-green 8s  linear;
+  box-shadow: 34px 0 #85e367, 68px 0 #85e367, 102px 0 #85e367, 136px 0 #85e367, 170px 0 #85e367, 204px 0 #85e367, 238px 0 #85e367, 272px 0 #85e367, 306px 0 #85e367;
+}
+@-moz-keyframes cover-vertical-purple {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 34px;
+    height: 0;
+  }
+  39.90909091% {
+    height: 285px;
+    box-shadow: 34px 570px #5151dd, 68px 570px #5151dd, 102px 570px #5151dd, 136px 570px #5151dd, 170px 570px #5151dd, 204px 570px #5151dd, 238px 570px #5151dd, 272px 570px #5151dd, 306px 570px #5151dd;
+  }
+  40.81818182% {
+    height: 570px;
+    box-shadow: 34px 285px #5151dd, 68px 570px #5151dd, 102px 570px #5151dd, 136px 570px #5151dd, 170px 570px #5151dd, 204px 570px #5151dd, 238px 570px #5151dd, 272px 570px #5151dd, 306px 570px #5151dd;
+  }
+  41.72727273% {
+    box-shadow: 34px 0 #5151dd, 68px 285px #5151dd, 102px 570px #5151dd, 136px 570px #5151dd, 170px 570px #5151dd, 204px 570px #5151dd, 238px 570px #5151dd, 272px 570px #5151dd, 306px 570px #5151dd;
+  }
+  42.63636364% {
+    box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 285px #5151dd, 136px 570px #5151dd, 170px 570px #5151dd, 204px 570px #5151dd, 238px 570px #5151dd, 272px 570px #5151dd, 306px 570px #5151dd;
+  }
+  43.54545455% {
+    box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 0 #5151dd, 136px 285px #5151dd, 170px 570px #5151dd, 204px 570px #5151dd, 238px 570px #5151dd, 272px 570px #5151dd, 306px 570px #5151dd;
+  }
+  44.45454545% {
+    box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 0 #5151dd, 136px 0 #5151dd, 170px 285px #5151dd, 204px 570px #5151dd, 238px 570px #5151dd, 272px 570px #5151dd, 306px 570px #5151dd;
+  }
+  45.36363636% {
+    box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 0 #5151dd, 136px 0 #5151dd, 170px 0 #5151dd, 204px 285px #5151dd, 238px 570px #5151dd, 272px 570px #5151dd, 306px 570px #5151dd;
+  }
+  46.27272727% {
+    box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 0 #5151dd, 136px 0 #5151dd, 170px 0 #5151dd, 204px 0 #5151dd, 238px 285px #5151dd, 272px 570px #5151dd, 306px 570px #5151dd;
+  }
+  47.18181818% {
+    box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 0 #5151dd, 136px 0 #5151dd, 170px 0 #5151dd, 204px 0 #5151dd, 238px 0 #5151dd, 272px 285px #5151dd, 306px 570px #5151dd;
+  }
+  48.09090909% {
+    box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 0 #5151dd, 136px 0 #5151dd, 170px 0 #5151dd, 204px 0 #5151dd, 238px 0 #5151dd, 272px 0 #5151dd, 306px 285px #5151dd;
+  }
+  49% {
+    box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 0 #5151dd, 136px 0 #5151dd, 170px 0 #5151dd, 204px 0 #5151dd, 238px 0 #5151dd, 272px 0 #5151dd, 306px 0 #5151dd;
+  }
+}
+@-webkit-keyframes cover-vertical-purple {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 34px;
+    height: 0;
+  }
+  39.90909091% {
+    height: 285px;
+    box-shadow: 34px 570px #5151dd, 68px 570px #5151dd, 102px 570px #5151dd, 136px 570px #5151dd, 170px 570px #5151dd, 204px 570px #5151dd, 238px 570px #5151dd, 272px 570px #5151dd, 306px 570px #5151dd;
+  }
+  40.81818182% {
+    height: 570px;
+    box-shadow: 34px 285px #5151dd, 68px 570px #5151dd, 102px 570px #5151dd, 136px 570px #5151dd, 170px 570px #5151dd, 204px 570px #5151dd, 238px 570px #5151dd, 272px 570px #5151dd, 306px 570px #5151dd;
+  }
+  41.72727273% {
+    box-shadow: 34px 0 #5151dd, 68px 285px #5151dd, 102px 570px #5151dd, 136px 570px #5151dd, 170px 570px #5151dd, 204px 570px #5151dd, 238px 570px #5151dd, 272px 570px #5151dd, 306px 570px #5151dd;
+  }
+  42.63636364% {
+    box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 285px #5151dd, 136px 570px #5151dd, 170px 570px #5151dd, 204px 570px #5151dd, 238px 570px #5151dd, 272px 570px #5151dd, 306px 570px #5151dd;
+  }
+  43.54545455% {
+    box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 0 #5151dd, 136px 285px #5151dd, 170px 570px #5151dd, 204px 570px #5151dd, 238px 570px #5151dd, 272px 570px #5151dd, 306px 570px #5151dd;
+  }
+  44.45454545% {
+    box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 0 #5151dd, 136px 0 #5151dd, 170px 285px #5151dd, 204px 570px #5151dd, 238px 570px #5151dd, 272px 570px #5151dd, 306px 570px #5151dd;
+  }
+  45.36363636% {
+    box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 0 #5151dd, 136px 0 #5151dd, 170px 0 #5151dd, 204px 285px #5151dd, 238px 570px #5151dd, 272px 570px #5151dd, 306px 570px #5151dd;
+  }
+  46.27272727% {
+    box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 0 #5151dd, 136px 0 #5151dd, 170px 0 #5151dd, 204px 0 #5151dd, 238px 285px #5151dd, 272px 570px #5151dd, 306px 570px #5151dd;
+  }
+  47.18181818% {
+    box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 0 #5151dd, 136px 0 #5151dd, 170px 0 #5151dd, 204px 0 #5151dd, 238px 0 #5151dd, 272px 285px #5151dd, 306px 570px #5151dd;
+  }
+  48.09090909% {
+    box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 0 #5151dd, 136px 0 #5151dd, 170px 0 #5151dd, 204px 0 #5151dd, 238px 0 #5151dd, 272px 0 #5151dd, 306px 285px #5151dd;
+  }
+  49% {
+    box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 0 #5151dd, 136px 0 #5151dd, 170px 0 #5151dd, 204px 0 #5151dd, 238px 0 #5151dd, 272px 0 #5151dd, 306px 0 #5151dd;
+  }
+}
+@keyframes cover-vertical-purple {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 34px;
+    height: 0;
+  }
+  39.90909091% {
+    height: 285px;
+    box-shadow: 34px 570px #5151dd, 68px 570px #5151dd, 102px 570px #5151dd, 136px 570px #5151dd, 170px 570px #5151dd, 204px 570px #5151dd, 238px 570px #5151dd, 272px 570px #5151dd, 306px 570px #5151dd;
+  }
+  40.81818182% {
+    height: 570px;
+    box-shadow: 34px 285px #5151dd, 68px 570px #5151dd, 102px 570px #5151dd, 136px 570px #5151dd, 170px 570px #5151dd, 204px 570px #5151dd, 238px 570px #5151dd, 272px 570px #5151dd, 306px 570px #5151dd;
+  }
+  41.72727273% {
+    box-shadow: 34px 0 #5151dd, 68px 285px #5151dd, 102px 570px #5151dd, 136px 570px #5151dd, 170px 570px #5151dd, 204px 570px #5151dd, 238px 570px #5151dd, 272px 570px #5151dd, 306px 570px #5151dd;
+  }
+  42.63636364% {
+    box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 285px #5151dd, 136px 570px #5151dd, 170px 570px #5151dd, 204px 570px #5151dd, 238px 570px #5151dd, 272px 570px #5151dd, 306px 570px #5151dd;
+  }
+  43.54545455% {
+    box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 0 #5151dd, 136px 285px #5151dd, 170px 570px #5151dd, 204px 570px #5151dd, 238px 570px #5151dd, 272px 570px #5151dd, 306px 570px #5151dd;
+  }
+  44.45454545% {
+    box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 0 #5151dd, 136px 0 #5151dd, 170px 285px #5151dd, 204px 570px #5151dd, 238px 570px #5151dd, 272px 570px #5151dd, 306px 570px #5151dd;
+  }
+  45.36363636% {
+    box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 0 #5151dd, 136px 0 #5151dd, 170px 0 #5151dd, 204px 285px #5151dd, 238px 570px #5151dd, 272px 570px #5151dd, 306px 570px #5151dd;
+  }
+  46.27272727% {
+    box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 0 #5151dd, 136px 0 #5151dd, 170px 0 #5151dd, 204px 0 #5151dd, 238px 285px #5151dd, 272px 570px #5151dd, 306px 570px #5151dd;
+  }
+  47.18181818% {
+    box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 0 #5151dd, 136px 0 #5151dd, 170px 0 #5151dd, 204px 0 #5151dd, 238px 0 #5151dd, 272px 285px #5151dd, 306px 570px #5151dd;
+  }
+  48.09090909% {
+    box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 0 #5151dd, 136px 0 #5151dd, 170px 0 #5151dd, 204px 0 #5151dd, 238px 0 #5151dd, 272px 0 #5151dd, 306px 285px #5151dd;
+  }
+  49% {
+    box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 0 #5151dd, 136px 0 #5151dd, 170px 0 #5151dd, 204px 0 #5151dd, 238px 0 #5151dd, 272px 0 #5151dd, 306px 0 #5151dd;
+  }
+}
+#gameboy.purple #cover-vertical {
+  background-color: #5151dd;
+  -webkit-animation: cover-vertical-purple 8s  linear;
+  animation: cover-vertical-purple 8s  linear;
+  box-shadow: 34px 0 #5151dd, 68px 0 #5151dd, 102px 0 #5151dd, 136px 0 #5151dd, 170px 0 #5151dd, 204px 0 #5151dd, 238px 0 #5151dd, 272px 0 #5151dd, 306px 0 #5151dd;
+}
+@-moz-keyframes cover-vertical-red {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 34px;
+    height: 0;
+  }
+  39.90909091% {
+    height: 285px;
+    box-shadow: 34px 570px #ff0151, 68px 570px #ff0151, 102px 570px #ff0151, 136px 570px #ff0151, 170px 570px #ff0151, 204px 570px #ff0151, 238px 570px #ff0151, 272px 570px #ff0151, 306px 570px #ff0151;
+  }
+  40.81818182% {
+    height: 570px;
+    box-shadow: 34px 285px #ff0151, 68px 570px #ff0151, 102px 570px #ff0151, 136px 570px #ff0151, 170px 570px #ff0151, 204px 570px #ff0151, 238px 570px #ff0151, 272px 570px #ff0151, 306px 570px #ff0151;
+  }
+  41.72727273% {
+    box-shadow: 34px 0 #ff0151, 68px 285px #ff0151, 102px 570px #ff0151, 136px 570px #ff0151, 170px 570px #ff0151, 204px 570px #ff0151, 238px 570px #ff0151, 272px 570px #ff0151, 306px 570px #ff0151;
+  }
+  42.63636364% {
+    box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 285px #ff0151, 136px 570px #ff0151, 170px 570px #ff0151, 204px 570px #ff0151, 238px 570px #ff0151, 272px 570px #ff0151, 306px 570px #ff0151;
+  }
+  43.54545455% {
+    box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 0 #ff0151, 136px 285px #ff0151, 170px 570px #ff0151, 204px 570px #ff0151, 238px 570px #ff0151, 272px 570px #ff0151, 306px 570px #ff0151;
+  }
+  44.45454545% {
+    box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 0 #ff0151, 136px 0 #ff0151, 170px 285px #ff0151, 204px 570px #ff0151, 238px 570px #ff0151, 272px 570px #ff0151, 306px 570px #ff0151;
+  }
+  45.36363636% {
+    box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 0 #ff0151, 136px 0 #ff0151, 170px 0 #ff0151, 204px 285px #ff0151, 238px 570px #ff0151, 272px 570px #ff0151, 306px 570px #ff0151;
+  }
+  46.27272727% {
+    box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 0 #ff0151, 136px 0 #ff0151, 170px 0 #ff0151, 204px 0 #ff0151, 238px 285px #ff0151, 272px 570px #ff0151, 306px 570px #ff0151;
+  }
+  47.18181818% {
+    box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 0 #ff0151, 136px 0 #ff0151, 170px 0 #ff0151, 204px 0 #ff0151, 238px 0 #ff0151, 272px 285px #ff0151, 306px 570px #ff0151;
+  }
+  48.09090909% {
+    box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 0 #ff0151, 136px 0 #ff0151, 170px 0 #ff0151, 204px 0 #ff0151, 238px 0 #ff0151, 272px 0 #ff0151, 306px 285px #ff0151;
+  }
+  49% {
+    box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 0 #ff0151, 136px 0 #ff0151, 170px 0 #ff0151, 204px 0 #ff0151, 238px 0 #ff0151, 272px 0 #ff0151, 306px 0 #ff0151;
+  }
+}
+@-webkit-keyframes cover-vertical-red {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 34px;
+    height: 0;
+  }
+  39.90909091% {
+    height: 285px;
+    box-shadow: 34px 570px #ff0151, 68px 570px #ff0151, 102px 570px #ff0151, 136px 570px #ff0151, 170px 570px #ff0151, 204px 570px #ff0151, 238px 570px #ff0151, 272px 570px #ff0151, 306px 570px #ff0151;
+  }
+  40.81818182% {
+    height: 570px;
+    box-shadow: 34px 285px #ff0151, 68px 570px #ff0151, 102px 570px #ff0151, 136px 570px #ff0151, 170px 570px #ff0151, 204px 570px #ff0151, 238px 570px #ff0151, 272px 570px #ff0151, 306px 570px #ff0151;
+  }
+  41.72727273% {
+    box-shadow: 34px 0 #ff0151, 68px 285px #ff0151, 102px 570px #ff0151, 136px 570px #ff0151, 170px 570px #ff0151, 204px 570px #ff0151, 238px 570px #ff0151, 272px 570px #ff0151, 306px 570px #ff0151;
+  }
+  42.63636364% {
+    box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 285px #ff0151, 136px 570px #ff0151, 170px 570px #ff0151, 204px 570px #ff0151, 238px 570px #ff0151, 272px 570px #ff0151, 306px 570px #ff0151;
+  }
+  43.54545455% {
+    box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 0 #ff0151, 136px 285px #ff0151, 170px 570px #ff0151, 204px 570px #ff0151, 238px 570px #ff0151, 272px 570px #ff0151, 306px 570px #ff0151;
+  }
+  44.45454545% {
+    box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 0 #ff0151, 136px 0 #ff0151, 170px 285px #ff0151, 204px 570px #ff0151, 238px 570px #ff0151, 272px 570px #ff0151, 306px 570px #ff0151;
+  }
+  45.36363636% {
+    box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 0 #ff0151, 136px 0 #ff0151, 170px 0 #ff0151, 204px 285px #ff0151, 238px 570px #ff0151, 272px 570px #ff0151, 306px 570px #ff0151;
+  }
+  46.27272727% {
+    box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 0 #ff0151, 136px 0 #ff0151, 170px 0 #ff0151, 204px 0 #ff0151, 238px 285px #ff0151, 272px 570px #ff0151, 306px 570px #ff0151;
+  }
+  47.18181818% {
+    box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 0 #ff0151, 136px 0 #ff0151, 170px 0 #ff0151, 204px 0 #ff0151, 238px 0 #ff0151, 272px 285px #ff0151, 306px 570px #ff0151;
+  }
+  48.09090909% {
+    box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 0 #ff0151, 136px 0 #ff0151, 170px 0 #ff0151, 204px 0 #ff0151, 238px 0 #ff0151, 272px 0 #ff0151, 306px 285px #ff0151;
+  }
+  49% {
+    box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 0 #ff0151, 136px 0 #ff0151, 170px 0 #ff0151, 204px 0 #ff0151, 238px 0 #ff0151, 272px 0 #ff0151, 306px 0 #ff0151;
+  }
+}
+@keyframes cover-vertical-red {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 34px;
+    height: 0;
+  }
+  39.90909091% {
+    height: 285px;
+    box-shadow: 34px 570px #ff0151, 68px 570px #ff0151, 102px 570px #ff0151, 136px 570px #ff0151, 170px 570px #ff0151, 204px 570px #ff0151, 238px 570px #ff0151, 272px 570px #ff0151, 306px 570px #ff0151;
+  }
+  40.81818182% {
+    height: 570px;
+    box-shadow: 34px 285px #ff0151, 68px 570px #ff0151, 102px 570px #ff0151, 136px 570px #ff0151, 170px 570px #ff0151, 204px 570px #ff0151, 238px 570px #ff0151, 272px 570px #ff0151, 306px 570px #ff0151;
+  }
+  41.72727273% {
+    box-shadow: 34px 0 #ff0151, 68px 285px #ff0151, 102px 570px #ff0151, 136px 570px #ff0151, 170px 570px #ff0151, 204px 570px #ff0151, 238px 570px #ff0151, 272px 570px #ff0151, 306px 570px #ff0151;
+  }
+  42.63636364% {
+    box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 285px #ff0151, 136px 570px #ff0151, 170px 570px #ff0151, 204px 570px #ff0151, 238px 570px #ff0151, 272px 570px #ff0151, 306px 570px #ff0151;
+  }
+  43.54545455% {
+    box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 0 #ff0151, 136px 285px #ff0151, 170px 570px #ff0151, 204px 570px #ff0151, 238px 570px #ff0151, 272px 570px #ff0151, 306px 570px #ff0151;
+  }
+  44.45454545% {
+    box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 0 #ff0151, 136px 0 #ff0151, 170px 285px #ff0151, 204px 570px #ff0151, 238px 570px #ff0151, 272px 570px #ff0151, 306px 570px #ff0151;
+  }
+  45.36363636% {
+    box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 0 #ff0151, 136px 0 #ff0151, 170px 0 #ff0151, 204px 285px #ff0151, 238px 570px #ff0151, 272px 570px #ff0151, 306px 570px #ff0151;
+  }
+  46.27272727% {
+    box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 0 #ff0151, 136px 0 #ff0151, 170px 0 #ff0151, 204px 0 #ff0151, 238px 285px #ff0151, 272px 570px #ff0151, 306px 570px #ff0151;
+  }
+  47.18181818% {
+    box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 0 #ff0151, 136px 0 #ff0151, 170px 0 #ff0151, 204px 0 #ff0151, 238px 0 #ff0151, 272px 285px #ff0151, 306px 570px #ff0151;
+  }
+  48.09090909% {
+    box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 0 #ff0151, 136px 0 #ff0151, 170px 0 #ff0151, 204px 0 #ff0151, 238px 0 #ff0151, 272px 0 #ff0151, 306px 285px #ff0151;
+  }
+  49% {
+    box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 0 #ff0151, 136px 0 #ff0151, 170px 0 #ff0151, 204px 0 #ff0151, 238px 0 #ff0151, 272px 0 #ff0151, 306px 0 #ff0151;
+  }
+}
+#gameboy.red #cover-vertical {
+  background-color: #ff0151;
+  -webkit-animation: cover-vertical-red 8s  linear;
+  animation: cover-vertical-red 8s  linear;
+  box-shadow: 34px 0 #ff0151, 68px 0 #ff0151, 102px 0 #ff0151, 136px 0 #ff0151, 170px 0 #ff0151, 204px 0 #ff0151, 238px 0 #ff0151, 272px 0 #ff0151, 306px 0 #ff0151;
+}
+#cover-horizontal {
+  position: absolute;
+  z-index: 12;
+  width: 340px;
+  height: 38px;
+  bottom: 0;
+  left: 0;
+}
+@-moz-keyframes cover-horizontal-transparent {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 0;
+    height: 38px;
+  }
+  39.625% {
+    width: 170px;
+    box-shadow: -340px -38px rgba(140, 46, 217, 0.125), -340px -76px rgba(140, 46, 217, 0.125), -340px -114px rgba(140, 46, 217, 0.125), -340px -152px rgba(140, 46, 217, 0.125), -340px -190px rgba(140, 46, 217, 0.125), -340px -228px rgba(140, 46, 217, 0.125), -340px -266px rgba(140, 46, 217, 0.125), -340px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  40.25% {
+    width: 340px;
+    box-shadow: -170px -38px rgba(140, 46, 217, 0.125), -340px -76px rgba(140, 46, 217, 0.125), -340px -114px rgba(140, 46, 217, 0.125), -340px -152px rgba(140, 46, 217, 0.125), -340px -190px rgba(140, 46, 217, 0.125), -340px -228px rgba(140, 46, 217, 0.125), -340px -266px rgba(140, 46, 217, 0.125), -340px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  40.875% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), -170px -76px rgba(140, 46, 217, 0.125), -340px -114px rgba(140, 46, 217, 0.125), -340px -152px rgba(140, 46, 217, 0.125), -340px -190px rgba(140, 46, 217, 0.125), -340px -228px rgba(140, 46, 217, 0.125), -340px -266px rgba(140, 46, 217, 0.125), -340px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  41.5% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), -170px -114px rgba(140, 46, 217, 0.125), -340px -152px rgba(140, 46, 217, 0.125), -340px -190px rgba(140, 46, 217, 0.125), -340px -228px rgba(140, 46, 217, 0.125), -340px -266px rgba(140, 46, 217, 0.125), -340px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  42.125% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), -170px -152px rgba(140, 46, 217, 0.125), -340px -190px rgba(140, 46, 217, 0.125), -340px -228px rgba(140, 46, 217, 0.125), -340px -266px rgba(140, 46, 217, 0.125), -340px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  42.75% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), -170px -190px rgba(140, 46, 217, 0.125), -340px -228px rgba(140, 46, 217, 0.125), -340px -266px rgba(140, 46, 217, 0.125), -340px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  43.375% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), -170px -228px rgba(140, 46, 217, 0.125), -340px -266px rgba(140, 46, 217, 0.125), -340px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  44% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), -170px -266px rgba(140, 46, 217, 0.125), -340px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  44.625% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), -170px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  45.25% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), 0 -304px rgba(140, 46, 217, 0.125), -170px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  45.875% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), 0 -304px rgba(140, 46, 217, 0.125), 0 -342px rgba(140, 46, 217, 0.125), -170px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  46.5% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), 0 -304px rgba(140, 46, 217, 0.125), 0 -342px rgba(140, 46, 217, 0.125), 0 -380px rgba(140, 46, 217, 0.125), -170px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  47.125% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), 0 -304px rgba(140, 46, 217, 0.125), 0 -342px rgba(140, 46, 217, 0.125), 0 -380px rgba(140, 46, 217, 0.125), 0 -418px rgba(140, 46, 217, 0.125), -170px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  47.75% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), 0 -304px rgba(140, 46, 217, 0.125), 0 -342px rgba(140, 46, 217, 0.125), 0 -380px rgba(140, 46, 217, 0.125), 0 -418px rgba(140, 46, 217, 0.125), 0 -456px rgba(140, 46, 217, 0.125), -170px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  48.375% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), 0 -304px rgba(140, 46, 217, 0.125), 0 -342px rgba(140, 46, 217, 0.125), 0 -380px rgba(140, 46, 217, 0.125), 0 -418px rgba(140, 46, 217, 0.125), 0 -456px rgba(140, 46, 217, 0.125), 0 -494px rgba(140, 46, 217, 0.125), -170px -532px rgba(140, 46, 217, 0.125);
+  }
+  49% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), 0 -304px rgba(140, 46, 217, 0.125), 0 -342px rgba(140, 46, 217, 0.125), 0 -380px rgba(140, 46, 217, 0.125), 0 -418px rgba(140, 46, 217, 0.125), 0 -456px rgba(140, 46, 217, 0.125), 0 -494px rgba(140, 46, 217, 0.125), 0 -532px rgba(140, 46, 217, 0.125);
+  }
+}
+@-webkit-keyframes cover-horizontal-transparent {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 0;
+    height: 38px;
+  }
+  39.625% {
+    width: 170px;
+    box-shadow: -340px -38px rgba(140, 46, 217, 0.125), -340px -76px rgba(140, 46, 217, 0.125), -340px -114px rgba(140, 46, 217, 0.125), -340px -152px rgba(140, 46, 217, 0.125), -340px -190px rgba(140, 46, 217, 0.125), -340px -228px rgba(140, 46, 217, 0.125), -340px -266px rgba(140, 46, 217, 0.125), -340px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  40.25% {
+    width: 340px;
+    box-shadow: -170px -38px rgba(140, 46, 217, 0.125), -340px -76px rgba(140, 46, 217, 0.125), -340px -114px rgba(140, 46, 217, 0.125), -340px -152px rgba(140, 46, 217, 0.125), -340px -190px rgba(140, 46, 217, 0.125), -340px -228px rgba(140, 46, 217, 0.125), -340px -266px rgba(140, 46, 217, 0.125), -340px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  40.875% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), -170px -76px rgba(140, 46, 217, 0.125), -340px -114px rgba(140, 46, 217, 0.125), -340px -152px rgba(140, 46, 217, 0.125), -340px -190px rgba(140, 46, 217, 0.125), -340px -228px rgba(140, 46, 217, 0.125), -340px -266px rgba(140, 46, 217, 0.125), -340px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  41.5% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), -170px -114px rgba(140, 46, 217, 0.125), -340px -152px rgba(140, 46, 217, 0.125), -340px -190px rgba(140, 46, 217, 0.125), -340px -228px rgba(140, 46, 217, 0.125), -340px -266px rgba(140, 46, 217, 0.125), -340px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  42.125% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), -170px -152px rgba(140, 46, 217, 0.125), -340px -190px rgba(140, 46, 217, 0.125), -340px -228px rgba(140, 46, 217, 0.125), -340px -266px rgba(140, 46, 217, 0.125), -340px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  42.75% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), -170px -190px rgba(140, 46, 217, 0.125), -340px -228px rgba(140, 46, 217, 0.125), -340px -266px rgba(140, 46, 217, 0.125), -340px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  43.375% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), -170px -228px rgba(140, 46, 217, 0.125), -340px -266px rgba(140, 46, 217, 0.125), -340px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  44% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), -170px -266px rgba(140, 46, 217, 0.125), -340px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  44.625% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), -170px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  45.25% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), 0 -304px rgba(140, 46, 217, 0.125), -170px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  45.875% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), 0 -304px rgba(140, 46, 217, 0.125), 0 -342px rgba(140, 46, 217, 0.125), -170px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  46.5% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), 0 -304px rgba(140, 46, 217, 0.125), 0 -342px rgba(140, 46, 217, 0.125), 0 -380px rgba(140, 46, 217, 0.125), -170px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  47.125% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), 0 -304px rgba(140, 46, 217, 0.125), 0 -342px rgba(140, 46, 217, 0.125), 0 -380px rgba(140, 46, 217, 0.125), 0 -418px rgba(140, 46, 217, 0.125), -170px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  47.75% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), 0 -304px rgba(140, 46, 217, 0.125), 0 -342px rgba(140, 46, 217, 0.125), 0 -380px rgba(140, 46, 217, 0.125), 0 -418px rgba(140, 46, 217, 0.125), 0 -456px rgba(140, 46, 217, 0.125), -170px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  48.375% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), 0 -304px rgba(140, 46, 217, 0.125), 0 -342px rgba(140, 46, 217, 0.125), 0 -380px rgba(140, 46, 217, 0.125), 0 -418px rgba(140, 46, 217, 0.125), 0 -456px rgba(140, 46, 217, 0.125), 0 -494px rgba(140, 46, 217, 0.125), -170px -532px rgba(140, 46, 217, 0.125);
+  }
+  49% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), 0 -304px rgba(140, 46, 217, 0.125), 0 -342px rgba(140, 46, 217, 0.125), 0 -380px rgba(140, 46, 217, 0.125), 0 -418px rgba(140, 46, 217, 0.125), 0 -456px rgba(140, 46, 217, 0.125), 0 -494px rgba(140, 46, 217, 0.125), 0 -532px rgba(140, 46, 217, 0.125);
+  }
+}
+@keyframes cover-horizontal-transparent {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 0;
+    height: 38px;
+  }
+  39.625% {
+    width: 170px;
+    box-shadow: -340px -38px rgba(140, 46, 217, 0.125), -340px -76px rgba(140, 46, 217, 0.125), -340px -114px rgba(140, 46, 217, 0.125), -340px -152px rgba(140, 46, 217, 0.125), -340px -190px rgba(140, 46, 217, 0.125), -340px -228px rgba(140, 46, 217, 0.125), -340px -266px rgba(140, 46, 217, 0.125), -340px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  40.25% {
+    width: 340px;
+    box-shadow: -170px -38px rgba(140, 46, 217, 0.125), -340px -76px rgba(140, 46, 217, 0.125), -340px -114px rgba(140, 46, 217, 0.125), -340px -152px rgba(140, 46, 217, 0.125), -340px -190px rgba(140, 46, 217, 0.125), -340px -228px rgba(140, 46, 217, 0.125), -340px -266px rgba(140, 46, 217, 0.125), -340px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  40.875% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), -170px -76px rgba(140, 46, 217, 0.125), -340px -114px rgba(140, 46, 217, 0.125), -340px -152px rgba(140, 46, 217, 0.125), -340px -190px rgba(140, 46, 217, 0.125), -340px -228px rgba(140, 46, 217, 0.125), -340px -266px rgba(140, 46, 217, 0.125), -340px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  41.5% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), -170px -114px rgba(140, 46, 217, 0.125), -340px -152px rgba(140, 46, 217, 0.125), -340px -190px rgba(140, 46, 217, 0.125), -340px -228px rgba(140, 46, 217, 0.125), -340px -266px rgba(140, 46, 217, 0.125), -340px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  42.125% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), -170px -152px rgba(140, 46, 217, 0.125), -340px -190px rgba(140, 46, 217, 0.125), -340px -228px rgba(140, 46, 217, 0.125), -340px -266px rgba(140, 46, 217, 0.125), -340px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  42.75% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), -170px -190px rgba(140, 46, 217, 0.125), -340px -228px rgba(140, 46, 217, 0.125), -340px -266px rgba(140, 46, 217, 0.125), -340px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  43.375% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), -170px -228px rgba(140, 46, 217, 0.125), -340px -266px rgba(140, 46, 217, 0.125), -340px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  44% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), -170px -266px rgba(140, 46, 217, 0.125), -340px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  44.625% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), -170px -304px rgba(140, 46, 217, 0.125), -340px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  45.25% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), 0 -304px rgba(140, 46, 217, 0.125), -170px -342px rgba(140, 46, 217, 0.125), -340px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  45.875% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), 0 -304px rgba(140, 46, 217, 0.125), 0 -342px rgba(140, 46, 217, 0.125), -170px -380px rgba(140, 46, 217, 0.125), -340px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  46.5% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), 0 -304px rgba(140, 46, 217, 0.125), 0 -342px rgba(140, 46, 217, 0.125), 0 -380px rgba(140, 46, 217, 0.125), -170px -418px rgba(140, 46, 217, 0.125), -340px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  47.125% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), 0 -304px rgba(140, 46, 217, 0.125), 0 -342px rgba(140, 46, 217, 0.125), 0 -380px rgba(140, 46, 217, 0.125), 0 -418px rgba(140, 46, 217, 0.125), -170px -456px rgba(140, 46, 217, 0.125), -340px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  47.75% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), 0 -304px rgba(140, 46, 217, 0.125), 0 -342px rgba(140, 46, 217, 0.125), 0 -380px rgba(140, 46, 217, 0.125), 0 -418px rgba(140, 46, 217, 0.125), 0 -456px rgba(140, 46, 217, 0.125), -170px -494px rgba(140, 46, 217, 0.125), -340px -532px rgba(140, 46, 217, 0.125);
+  }
+  48.375% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), 0 -304px rgba(140, 46, 217, 0.125), 0 -342px rgba(140, 46, 217, 0.125), 0 -380px rgba(140, 46, 217, 0.125), 0 -418px rgba(140, 46, 217, 0.125), 0 -456px rgba(140, 46, 217, 0.125), 0 -494px rgba(140, 46, 217, 0.125), -170px -532px rgba(140, 46, 217, 0.125);
+  }
+  49% {
+    box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), 0 -304px rgba(140, 46, 217, 0.125), 0 -342px rgba(140, 46, 217, 0.125), 0 -380px rgba(140, 46, 217, 0.125), 0 -418px rgba(140, 46, 217, 0.125), 0 -456px rgba(140, 46, 217, 0.125), 0 -494px rgba(140, 46, 217, 0.125), 0 -532px rgba(140, 46, 217, 0.125);
+  }
+}
+#gameboy.transparent #cover-horizontal {
+  background-color: rgba(140, 46, 217, 0.125);
+  -webkit-animation: cover-horizontal-transparent 8s  linear;
+  animation: cover-horizontal-transparent 8s  linear;
+  box-shadow: 0 -38px rgba(140, 46, 217, 0.125), 0 -76px rgba(140, 46, 217, 0.125), 0 -114px rgba(140, 46, 217, 0.125), 0 -152px rgba(140, 46, 217, 0.125), 0 -190px rgba(140, 46, 217, 0.125), 0 -228px rgba(140, 46, 217, 0.125), 0 -266px rgba(140, 46, 217, 0.125), 0 -304px rgba(140, 46, 217, 0.125), 0 -342px rgba(140, 46, 217, 0.125), 0 -380px rgba(140, 46, 217, 0.125), 0 -418px rgba(140, 46, 217, 0.125), 0 -456px rgba(140, 46, 217, 0.125), 0 -494px rgba(140, 46, 217, 0.125), 0 -532px rgba(140, 46, 217, 0.125);
+}
+@-moz-keyframes cover-horizontal-teal {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 0;
+    height: 38px;
+  }
+  39.625% {
+    width: 170px;
+    box-shadow: -340px -38px #01b4dd, -340px -76px #01b4dd, -340px -114px #01b4dd, -340px -152px #01b4dd, -340px -190px #01b4dd, -340px -228px #01b4dd, -340px -266px #01b4dd, -340px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  40.25% {
+    width: 340px;
+    box-shadow: -170px -38px #01b4dd, -340px -76px #01b4dd, -340px -114px #01b4dd, -340px -152px #01b4dd, -340px -190px #01b4dd, -340px -228px #01b4dd, -340px -266px #01b4dd, -340px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  40.875% {
+    box-shadow: 0 -38px #01b4dd, -170px -76px #01b4dd, -340px -114px #01b4dd, -340px -152px #01b4dd, -340px -190px #01b4dd, -340px -228px #01b4dd, -340px -266px #01b4dd, -340px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  41.5% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, -170px -114px #01b4dd, -340px -152px #01b4dd, -340px -190px #01b4dd, -340px -228px #01b4dd, -340px -266px #01b4dd, -340px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  42.125% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, -170px -152px #01b4dd, -340px -190px #01b4dd, -340px -228px #01b4dd, -340px -266px #01b4dd, -340px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  42.75% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, -170px -190px #01b4dd, -340px -228px #01b4dd, -340px -266px #01b4dd, -340px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  43.375% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, -170px -228px #01b4dd, -340px -266px #01b4dd, -340px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  44% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, -170px -266px #01b4dd, -340px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  44.625% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, -170px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  45.25% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, 0 -304px #01b4dd, -170px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  45.875% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, 0 -304px #01b4dd, 0 -342px #01b4dd, -170px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  46.5% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, 0 -304px #01b4dd, 0 -342px #01b4dd, 0 -380px #01b4dd, -170px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  47.125% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, 0 -304px #01b4dd, 0 -342px #01b4dd, 0 -380px #01b4dd, 0 -418px #01b4dd, -170px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  47.75% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, 0 -304px #01b4dd, 0 -342px #01b4dd, 0 -380px #01b4dd, 0 -418px #01b4dd, 0 -456px #01b4dd, -170px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  48.375% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, 0 -304px #01b4dd, 0 -342px #01b4dd, 0 -380px #01b4dd, 0 -418px #01b4dd, 0 -456px #01b4dd, 0 -494px #01b4dd, -170px -532px #01b4dd;
+  }
+  49% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, 0 -304px #01b4dd, 0 -342px #01b4dd, 0 -380px #01b4dd, 0 -418px #01b4dd, 0 -456px #01b4dd, 0 -494px #01b4dd, 0 -532px #01b4dd;
+  }
+}
+@-webkit-keyframes cover-horizontal-teal {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 0;
+    height: 38px;
+  }
+  39.625% {
+    width: 170px;
+    box-shadow: -340px -38px #01b4dd, -340px -76px #01b4dd, -340px -114px #01b4dd, -340px -152px #01b4dd, -340px -190px #01b4dd, -340px -228px #01b4dd, -340px -266px #01b4dd, -340px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  40.25% {
+    width: 340px;
+    box-shadow: -170px -38px #01b4dd, -340px -76px #01b4dd, -340px -114px #01b4dd, -340px -152px #01b4dd, -340px -190px #01b4dd, -340px -228px #01b4dd, -340px -266px #01b4dd, -340px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  40.875% {
+    box-shadow: 0 -38px #01b4dd, -170px -76px #01b4dd, -340px -114px #01b4dd, -340px -152px #01b4dd, -340px -190px #01b4dd, -340px -228px #01b4dd, -340px -266px #01b4dd, -340px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  41.5% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, -170px -114px #01b4dd, -340px -152px #01b4dd, -340px -190px #01b4dd, -340px -228px #01b4dd, -340px -266px #01b4dd, -340px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  42.125% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, -170px -152px #01b4dd, -340px -190px #01b4dd, -340px -228px #01b4dd, -340px -266px #01b4dd, -340px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  42.75% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, -170px -190px #01b4dd, -340px -228px #01b4dd, -340px -266px #01b4dd, -340px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  43.375% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, -170px -228px #01b4dd, -340px -266px #01b4dd, -340px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  44% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, -170px -266px #01b4dd, -340px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  44.625% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, -170px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  45.25% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, 0 -304px #01b4dd, -170px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  45.875% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, 0 -304px #01b4dd, 0 -342px #01b4dd, -170px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  46.5% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, 0 -304px #01b4dd, 0 -342px #01b4dd, 0 -380px #01b4dd, -170px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  47.125% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, 0 -304px #01b4dd, 0 -342px #01b4dd, 0 -380px #01b4dd, 0 -418px #01b4dd, -170px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  47.75% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, 0 -304px #01b4dd, 0 -342px #01b4dd, 0 -380px #01b4dd, 0 -418px #01b4dd, 0 -456px #01b4dd, -170px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  48.375% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, 0 -304px #01b4dd, 0 -342px #01b4dd, 0 -380px #01b4dd, 0 -418px #01b4dd, 0 -456px #01b4dd, 0 -494px #01b4dd, -170px -532px #01b4dd;
+  }
+  49% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, 0 -304px #01b4dd, 0 -342px #01b4dd, 0 -380px #01b4dd, 0 -418px #01b4dd, 0 -456px #01b4dd, 0 -494px #01b4dd, 0 -532px #01b4dd;
+  }
+}
+@keyframes cover-horizontal-teal {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 0;
+    height: 38px;
+  }
+  39.625% {
+    width: 170px;
+    box-shadow: -340px -38px #01b4dd, -340px -76px #01b4dd, -340px -114px #01b4dd, -340px -152px #01b4dd, -340px -190px #01b4dd, -340px -228px #01b4dd, -340px -266px #01b4dd, -340px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  40.25% {
+    width: 340px;
+    box-shadow: -170px -38px #01b4dd, -340px -76px #01b4dd, -340px -114px #01b4dd, -340px -152px #01b4dd, -340px -190px #01b4dd, -340px -228px #01b4dd, -340px -266px #01b4dd, -340px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  40.875% {
+    box-shadow: 0 -38px #01b4dd, -170px -76px #01b4dd, -340px -114px #01b4dd, -340px -152px #01b4dd, -340px -190px #01b4dd, -340px -228px #01b4dd, -340px -266px #01b4dd, -340px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  41.5% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, -170px -114px #01b4dd, -340px -152px #01b4dd, -340px -190px #01b4dd, -340px -228px #01b4dd, -340px -266px #01b4dd, -340px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  42.125% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, -170px -152px #01b4dd, -340px -190px #01b4dd, -340px -228px #01b4dd, -340px -266px #01b4dd, -340px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  42.75% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, -170px -190px #01b4dd, -340px -228px #01b4dd, -340px -266px #01b4dd, -340px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  43.375% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, -170px -228px #01b4dd, -340px -266px #01b4dd, -340px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  44% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, -170px -266px #01b4dd, -340px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  44.625% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, -170px -304px #01b4dd, -340px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  45.25% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, 0 -304px #01b4dd, -170px -342px #01b4dd, -340px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  45.875% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, 0 -304px #01b4dd, 0 -342px #01b4dd, -170px -380px #01b4dd, -340px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  46.5% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, 0 -304px #01b4dd, 0 -342px #01b4dd, 0 -380px #01b4dd, -170px -418px #01b4dd, -340px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  47.125% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, 0 -304px #01b4dd, 0 -342px #01b4dd, 0 -380px #01b4dd, 0 -418px #01b4dd, -170px -456px #01b4dd, -340px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  47.75% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, 0 -304px #01b4dd, 0 -342px #01b4dd, 0 -380px #01b4dd, 0 -418px #01b4dd, 0 -456px #01b4dd, -170px -494px #01b4dd, -340px -532px #01b4dd;
+  }
+  48.375% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, 0 -304px #01b4dd, 0 -342px #01b4dd, 0 -380px #01b4dd, 0 -418px #01b4dd, 0 -456px #01b4dd, 0 -494px #01b4dd, -170px -532px #01b4dd;
+  }
+  49% {
+    box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, 0 -304px #01b4dd, 0 -342px #01b4dd, 0 -380px #01b4dd, 0 -418px #01b4dd, 0 -456px #01b4dd, 0 -494px #01b4dd, 0 -532px #01b4dd;
+  }
+}
+#gameboy.teal #cover-horizontal {
+  background-color: #01b4dd;
+  -webkit-animation: cover-horizontal-teal 8s  linear;
+  animation: cover-horizontal-teal 8s  linear;
+  box-shadow: 0 -38px #01b4dd, 0 -76px #01b4dd, 0 -114px #01b4dd, 0 -152px #01b4dd, 0 -190px #01b4dd, 0 -228px #01b4dd, 0 -266px #01b4dd, 0 -304px #01b4dd, 0 -342px #01b4dd, 0 -380px #01b4dd, 0 -418px #01b4dd, 0 -456px #01b4dd, 0 -494px #01b4dd, 0 -532px #01b4dd;
+}
+@-moz-keyframes cover-horizontal-yellow {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 0;
+    height: 38px;
+  }
+  39.625% {
+    width: 170px;
+    box-shadow: -340px -38px #f9e52e, -340px -76px #f9e52e, -340px -114px #f9e52e, -340px -152px #f9e52e, -340px -190px #f9e52e, -340px -228px #f9e52e, -340px -266px #f9e52e, -340px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  40.25% {
+    width: 340px;
+    box-shadow: -170px -38px #f9e52e, -340px -76px #f9e52e, -340px -114px #f9e52e, -340px -152px #f9e52e, -340px -190px #f9e52e, -340px -228px #f9e52e, -340px -266px #f9e52e, -340px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  40.875% {
+    box-shadow: 0 -38px #f9e52e, -170px -76px #f9e52e, -340px -114px #f9e52e, -340px -152px #f9e52e, -340px -190px #f9e52e, -340px -228px #f9e52e, -340px -266px #f9e52e, -340px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  41.5% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, -170px -114px #f9e52e, -340px -152px #f9e52e, -340px -190px #f9e52e, -340px -228px #f9e52e, -340px -266px #f9e52e, -340px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  42.125% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, -170px -152px #f9e52e, -340px -190px #f9e52e, -340px -228px #f9e52e, -340px -266px #f9e52e, -340px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  42.75% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, -170px -190px #f9e52e, -340px -228px #f9e52e, -340px -266px #f9e52e, -340px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  43.375% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, -170px -228px #f9e52e, -340px -266px #f9e52e, -340px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  44% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, -170px -266px #f9e52e, -340px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  44.625% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, -170px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  45.25% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, 0 -304px #f9e52e, -170px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  45.875% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, 0 -304px #f9e52e, 0 -342px #f9e52e, -170px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  46.5% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, 0 -304px #f9e52e, 0 -342px #f9e52e, 0 -380px #f9e52e, -170px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  47.125% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, 0 -304px #f9e52e, 0 -342px #f9e52e, 0 -380px #f9e52e, 0 -418px #f9e52e, -170px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  47.75% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, 0 -304px #f9e52e, 0 -342px #f9e52e, 0 -380px #f9e52e, 0 -418px #f9e52e, 0 -456px #f9e52e, -170px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  48.375% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, 0 -304px #f9e52e, 0 -342px #f9e52e, 0 -380px #f9e52e, 0 -418px #f9e52e, 0 -456px #f9e52e, 0 -494px #f9e52e, -170px -532px #f9e52e;
+  }
+  49% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, 0 -304px #f9e52e, 0 -342px #f9e52e, 0 -380px #f9e52e, 0 -418px #f9e52e, 0 -456px #f9e52e, 0 -494px #f9e52e, 0 -532px #f9e52e;
+  }
+}
+@-webkit-keyframes cover-horizontal-yellow {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 0;
+    height: 38px;
+  }
+  39.625% {
+    width: 170px;
+    box-shadow: -340px -38px #f9e52e, -340px -76px #f9e52e, -340px -114px #f9e52e, -340px -152px #f9e52e, -340px -190px #f9e52e, -340px -228px #f9e52e, -340px -266px #f9e52e, -340px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  40.25% {
+    width: 340px;
+    box-shadow: -170px -38px #f9e52e, -340px -76px #f9e52e, -340px -114px #f9e52e, -340px -152px #f9e52e, -340px -190px #f9e52e, -340px -228px #f9e52e, -340px -266px #f9e52e, -340px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  40.875% {
+    box-shadow: 0 -38px #f9e52e, -170px -76px #f9e52e, -340px -114px #f9e52e, -340px -152px #f9e52e, -340px -190px #f9e52e, -340px -228px #f9e52e, -340px -266px #f9e52e, -340px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  41.5% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, -170px -114px #f9e52e, -340px -152px #f9e52e, -340px -190px #f9e52e, -340px -228px #f9e52e, -340px -266px #f9e52e, -340px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  42.125% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, -170px -152px #f9e52e, -340px -190px #f9e52e, -340px -228px #f9e52e, -340px -266px #f9e52e, -340px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  42.75% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, -170px -190px #f9e52e, -340px -228px #f9e52e, -340px -266px #f9e52e, -340px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  43.375% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, -170px -228px #f9e52e, -340px -266px #f9e52e, -340px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  44% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, -170px -266px #f9e52e, -340px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  44.625% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, -170px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  45.25% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, 0 -304px #f9e52e, -170px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  45.875% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, 0 -304px #f9e52e, 0 -342px #f9e52e, -170px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  46.5% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, 0 -304px #f9e52e, 0 -342px #f9e52e, 0 -380px #f9e52e, -170px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  47.125% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, 0 -304px #f9e52e, 0 -342px #f9e52e, 0 -380px #f9e52e, 0 -418px #f9e52e, -170px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  47.75% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, 0 -304px #f9e52e, 0 -342px #f9e52e, 0 -380px #f9e52e, 0 -418px #f9e52e, 0 -456px #f9e52e, -170px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  48.375% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, 0 -304px #f9e52e, 0 -342px #f9e52e, 0 -380px #f9e52e, 0 -418px #f9e52e, 0 -456px #f9e52e, 0 -494px #f9e52e, -170px -532px #f9e52e;
+  }
+  49% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, 0 -304px #f9e52e, 0 -342px #f9e52e, 0 -380px #f9e52e, 0 -418px #f9e52e, 0 -456px #f9e52e, 0 -494px #f9e52e, 0 -532px #f9e52e;
+  }
+}
+@keyframes cover-horizontal-yellow {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 0;
+    height: 38px;
+  }
+  39.625% {
+    width: 170px;
+    box-shadow: -340px -38px #f9e52e, -340px -76px #f9e52e, -340px -114px #f9e52e, -340px -152px #f9e52e, -340px -190px #f9e52e, -340px -228px #f9e52e, -340px -266px #f9e52e, -340px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  40.25% {
+    width: 340px;
+    box-shadow: -170px -38px #f9e52e, -340px -76px #f9e52e, -340px -114px #f9e52e, -340px -152px #f9e52e, -340px -190px #f9e52e, -340px -228px #f9e52e, -340px -266px #f9e52e, -340px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  40.875% {
+    box-shadow: 0 -38px #f9e52e, -170px -76px #f9e52e, -340px -114px #f9e52e, -340px -152px #f9e52e, -340px -190px #f9e52e, -340px -228px #f9e52e, -340px -266px #f9e52e, -340px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  41.5% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, -170px -114px #f9e52e, -340px -152px #f9e52e, -340px -190px #f9e52e, -340px -228px #f9e52e, -340px -266px #f9e52e, -340px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  42.125% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, -170px -152px #f9e52e, -340px -190px #f9e52e, -340px -228px #f9e52e, -340px -266px #f9e52e, -340px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  42.75% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, -170px -190px #f9e52e, -340px -228px #f9e52e, -340px -266px #f9e52e, -340px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  43.375% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, -170px -228px #f9e52e, -340px -266px #f9e52e, -340px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  44% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, -170px -266px #f9e52e, -340px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  44.625% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, -170px -304px #f9e52e, -340px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  45.25% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, 0 -304px #f9e52e, -170px -342px #f9e52e, -340px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  45.875% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, 0 -304px #f9e52e, 0 -342px #f9e52e, -170px -380px #f9e52e, -340px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  46.5% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, 0 -304px #f9e52e, 0 -342px #f9e52e, 0 -380px #f9e52e, -170px -418px #f9e52e, -340px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  47.125% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, 0 -304px #f9e52e, 0 -342px #f9e52e, 0 -380px #f9e52e, 0 -418px #f9e52e, -170px -456px #f9e52e, -340px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  47.75% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, 0 -304px #f9e52e, 0 -342px #f9e52e, 0 -380px #f9e52e, 0 -418px #f9e52e, 0 -456px #f9e52e, -170px -494px #f9e52e, -340px -532px #f9e52e;
+  }
+  48.375% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, 0 -304px #f9e52e, 0 -342px #f9e52e, 0 -380px #f9e52e, 0 -418px #f9e52e, 0 -456px #f9e52e, 0 -494px #f9e52e, -170px -532px #f9e52e;
+  }
+  49% {
+    box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, 0 -304px #f9e52e, 0 -342px #f9e52e, 0 -380px #f9e52e, 0 -418px #f9e52e, 0 -456px #f9e52e, 0 -494px #f9e52e, 0 -532px #f9e52e;
+  }
+}
+#gameboy.yellow #cover-horizontal {
+  background-color: #f9e52e;
+  -webkit-animation: cover-horizontal-yellow 8s  linear;
+  animation: cover-horizontal-yellow 8s  linear;
+  box-shadow: 0 -38px #f9e52e, 0 -76px #f9e52e, 0 -114px #f9e52e, 0 -152px #f9e52e, 0 -190px #f9e52e, 0 -228px #f9e52e, 0 -266px #f9e52e, 0 -304px #f9e52e, 0 -342px #f9e52e, 0 -380px #f9e52e, 0 -418px #f9e52e, 0 -456px #f9e52e, 0 -494px #f9e52e, 0 -532px #f9e52e;
+}
+@-moz-keyframes cover-horizontal-green {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 0;
+    height: 38px;
+  }
+  39.625% {
+    width: 170px;
+    box-shadow: -340px -38px #85e367, -340px -76px #85e367, -340px -114px #85e367, -340px -152px #85e367, -340px -190px #85e367, -340px -228px #85e367, -340px -266px #85e367, -340px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  40.25% {
+    width: 340px;
+    box-shadow: -170px -38px #85e367, -340px -76px #85e367, -340px -114px #85e367, -340px -152px #85e367, -340px -190px #85e367, -340px -228px #85e367, -340px -266px #85e367, -340px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  40.875% {
+    box-shadow: 0 -38px #85e367, -170px -76px #85e367, -340px -114px #85e367, -340px -152px #85e367, -340px -190px #85e367, -340px -228px #85e367, -340px -266px #85e367, -340px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  41.5% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, -170px -114px #85e367, -340px -152px #85e367, -340px -190px #85e367, -340px -228px #85e367, -340px -266px #85e367, -340px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  42.125% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, -170px -152px #85e367, -340px -190px #85e367, -340px -228px #85e367, -340px -266px #85e367, -340px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  42.75% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, -170px -190px #85e367, -340px -228px #85e367, -340px -266px #85e367, -340px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  43.375% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, -170px -228px #85e367, -340px -266px #85e367, -340px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  44% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, -170px -266px #85e367, -340px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  44.625% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, -170px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  45.25% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, 0 -304px #85e367, -170px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  45.875% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, 0 -304px #85e367, 0 -342px #85e367, -170px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  46.5% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, 0 -304px #85e367, 0 -342px #85e367, 0 -380px #85e367, -170px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  47.125% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, 0 -304px #85e367, 0 -342px #85e367, 0 -380px #85e367, 0 -418px #85e367, -170px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  47.75% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, 0 -304px #85e367, 0 -342px #85e367, 0 -380px #85e367, 0 -418px #85e367, 0 -456px #85e367, -170px -494px #85e367, -340px -532px #85e367;
+  }
+  48.375% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, 0 -304px #85e367, 0 -342px #85e367, 0 -380px #85e367, 0 -418px #85e367, 0 -456px #85e367, 0 -494px #85e367, -170px -532px #85e367;
+  }
+  49% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, 0 -304px #85e367, 0 -342px #85e367, 0 -380px #85e367, 0 -418px #85e367, 0 -456px #85e367, 0 -494px #85e367, 0 -532px #85e367;
+  }
+}
+@-webkit-keyframes cover-horizontal-green {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 0;
+    height: 38px;
+  }
+  39.625% {
+    width: 170px;
+    box-shadow: -340px -38px #85e367, -340px -76px #85e367, -340px -114px #85e367, -340px -152px #85e367, -340px -190px #85e367, -340px -228px #85e367, -340px -266px #85e367, -340px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  40.25% {
+    width: 340px;
+    box-shadow: -170px -38px #85e367, -340px -76px #85e367, -340px -114px #85e367, -340px -152px #85e367, -340px -190px #85e367, -340px -228px #85e367, -340px -266px #85e367, -340px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  40.875% {
+    box-shadow: 0 -38px #85e367, -170px -76px #85e367, -340px -114px #85e367, -340px -152px #85e367, -340px -190px #85e367, -340px -228px #85e367, -340px -266px #85e367, -340px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  41.5% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, -170px -114px #85e367, -340px -152px #85e367, -340px -190px #85e367, -340px -228px #85e367, -340px -266px #85e367, -340px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  42.125% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, -170px -152px #85e367, -340px -190px #85e367, -340px -228px #85e367, -340px -266px #85e367, -340px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  42.75% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, -170px -190px #85e367, -340px -228px #85e367, -340px -266px #85e367, -340px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  43.375% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, -170px -228px #85e367, -340px -266px #85e367, -340px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  44% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, -170px -266px #85e367, -340px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  44.625% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, -170px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  45.25% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, 0 -304px #85e367, -170px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  45.875% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, 0 -304px #85e367, 0 -342px #85e367, -170px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  46.5% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, 0 -304px #85e367, 0 -342px #85e367, 0 -380px #85e367, -170px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  47.125% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, 0 -304px #85e367, 0 -342px #85e367, 0 -380px #85e367, 0 -418px #85e367, -170px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  47.75% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, 0 -304px #85e367, 0 -342px #85e367, 0 -380px #85e367, 0 -418px #85e367, 0 -456px #85e367, -170px -494px #85e367, -340px -532px #85e367;
+  }
+  48.375% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, 0 -304px #85e367, 0 -342px #85e367, 0 -380px #85e367, 0 -418px #85e367, 0 -456px #85e367, 0 -494px #85e367, -170px -532px #85e367;
+  }
+  49% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, 0 -304px #85e367, 0 -342px #85e367, 0 -380px #85e367, 0 -418px #85e367, 0 -456px #85e367, 0 -494px #85e367, 0 -532px #85e367;
+  }
+}
+@keyframes cover-horizontal-green {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 0;
+    height: 38px;
+  }
+  39.625% {
+    width: 170px;
+    box-shadow: -340px -38px #85e367, -340px -76px #85e367, -340px -114px #85e367, -340px -152px #85e367, -340px -190px #85e367, -340px -228px #85e367, -340px -266px #85e367, -340px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  40.25% {
+    width: 340px;
+    box-shadow: -170px -38px #85e367, -340px -76px #85e367, -340px -114px #85e367, -340px -152px #85e367, -340px -190px #85e367, -340px -228px #85e367, -340px -266px #85e367, -340px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  40.875% {
+    box-shadow: 0 -38px #85e367, -170px -76px #85e367, -340px -114px #85e367, -340px -152px #85e367, -340px -190px #85e367, -340px -228px #85e367, -340px -266px #85e367, -340px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  41.5% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, -170px -114px #85e367, -340px -152px #85e367, -340px -190px #85e367, -340px -228px #85e367, -340px -266px #85e367, -340px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  42.125% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, -170px -152px #85e367, -340px -190px #85e367, -340px -228px #85e367, -340px -266px #85e367, -340px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  42.75% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, -170px -190px #85e367, -340px -228px #85e367, -340px -266px #85e367, -340px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  43.375% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, -170px -228px #85e367, -340px -266px #85e367, -340px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  44% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, -170px -266px #85e367, -340px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  44.625% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, -170px -304px #85e367, -340px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  45.25% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, 0 -304px #85e367, -170px -342px #85e367, -340px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  45.875% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, 0 -304px #85e367, 0 -342px #85e367, -170px -380px #85e367, -340px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  46.5% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, 0 -304px #85e367, 0 -342px #85e367, 0 -380px #85e367, -170px -418px #85e367, -340px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  47.125% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, 0 -304px #85e367, 0 -342px #85e367, 0 -380px #85e367, 0 -418px #85e367, -170px -456px #85e367, -340px -494px #85e367, -340px -532px #85e367;
+  }
+  47.75% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, 0 -304px #85e367, 0 -342px #85e367, 0 -380px #85e367, 0 -418px #85e367, 0 -456px #85e367, -170px -494px #85e367, -340px -532px #85e367;
+  }
+  48.375% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, 0 -304px #85e367, 0 -342px #85e367, 0 -380px #85e367, 0 -418px #85e367, 0 -456px #85e367, 0 -494px #85e367, -170px -532px #85e367;
+  }
+  49% {
+    box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, 0 -304px #85e367, 0 -342px #85e367, 0 -380px #85e367, 0 -418px #85e367, 0 -456px #85e367, 0 -494px #85e367, 0 -532px #85e367;
+  }
+}
+#gameboy.green #cover-horizontal {
+  background-color: #85e367;
+  -webkit-animation: cover-horizontal-green 8s  linear;
+  animation: cover-horizontal-green 8s  linear;
+  box-shadow: 0 -38px #85e367, 0 -76px #85e367, 0 -114px #85e367, 0 -152px #85e367, 0 -190px #85e367, 0 -228px #85e367, 0 -266px #85e367, 0 -304px #85e367, 0 -342px #85e367, 0 -380px #85e367, 0 -418px #85e367, 0 -456px #85e367, 0 -494px #85e367, 0 -532px #85e367;
+}
+@-moz-keyframes cover-horizontal-purple {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 0;
+    height: 38px;
+  }
+  39.625% {
+    width: 170px;
+    box-shadow: -340px -38px #5151dd, -340px -76px #5151dd, -340px -114px #5151dd, -340px -152px #5151dd, -340px -190px #5151dd, -340px -228px #5151dd, -340px -266px #5151dd, -340px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  40.25% {
+    width: 340px;
+    box-shadow: -170px -38px #5151dd, -340px -76px #5151dd, -340px -114px #5151dd, -340px -152px #5151dd, -340px -190px #5151dd, -340px -228px #5151dd, -340px -266px #5151dd, -340px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  40.875% {
+    box-shadow: 0 -38px #5151dd, -170px -76px #5151dd, -340px -114px #5151dd, -340px -152px #5151dd, -340px -190px #5151dd, -340px -228px #5151dd, -340px -266px #5151dd, -340px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  41.5% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, -170px -114px #5151dd, -340px -152px #5151dd, -340px -190px #5151dd, -340px -228px #5151dd, -340px -266px #5151dd, -340px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  42.125% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, -170px -152px #5151dd, -340px -190px #5151dd, -340px -228px #5151dd, -340px -266px #5151dd, -340px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  42.75% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, -170px -190px #5151dd, -340px -228px #5151dd, -340px -266px #5151dd, -340px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  43.375% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, -170px -228px #5151dd, -340px -266px #5151dd, -340px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  44% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, -170px -266px #5151dd, -340px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  44.625% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, -170px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  45.25% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, 0 -304px #5151dd, -170px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  45.875% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, 0 -304px #5151dd, 0 -342px #5151dd, -170px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  46.5% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, 0 -304px #5151dd, 0 -342px #5151dd, 0 -380px #5151dd, -170px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  47.125% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, 0 -304px #5151dd, 0 -342px #5151dd, 0 -380px #5151dd, 0 -418px #5151dd, -170px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  47.75% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, 0 -304px #5151dd, 0 -342px #5151dd, 0 -380px #5151dd, 0 -418px #5151dd, 0 -456px #5151dd, -170px -494px #5151dd, -340px -532px #5151dd;
+  }
+  48.375% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, 0 -304px #5151dd, 0 -342px #5151dd, 0 -380px #5151dd, 0 -418px #5151dd, 0 -456px #5151dd, 0 -494px #5151dd, -170px -532px #5151dd;
+  }
+  49% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, 0 -304px #5151dd, 0 -342px #5151dd, 0 -380px #5151dd, 0 -418px #5151dd, 0 -456px #5151dd, 0 -494px #5151dd, 0 -532px #5151dd;
+  }
+}
+@-webkit-keyframes cover-horizontal-purple {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 0;
+    height: 38px;
+  }
+  39.625% {
+    width: 170px;
+    box-shadow: -340px -38px #5151dd, -340px -76px #5151dd, -340px -114px #5151dd, -340px -152px #5151dd, -340px -190px #5151dd, -340px -228px #5151dd, -340px -266px #5151dd, -340px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  40.25% {
+    width: 340px;
+    box-shadow: -170px -38px #5151dd, -340px -76px #5151dd, -340px -114px #5151dd, -340px -152px #5151dd, -340px -190px #5151dd, -340px -228px #5151dd, -340px -266px #5151dd, -340px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  40.875% {
+    box-shadow: 0 -38px #5151dd, -170px -76px #5151dd, -340px -114px #5151dd, -340px -152px #5151dd, -340px -190px #5151dd, -340px -228px #5151dd, -340px -266px #5151dd, -340px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  41.5% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, -170px -114px #5151dd, -340px -152px #5151dd, -340px -190px #5151dd, -340px -228px #5151dd, -340px -266px #5151dd, -340px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  42.125% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, -170px -152px #5151dd, -340px -190px #5151dd, -340px -228px #5151dd, -340px -266px #5151dd, -340px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  42.75% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, -170px -190px #5151dd, -340px -228px #5151dd, -340px -266px #5151dd, -340px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  43.375% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, -170px -228px #5151dd, -340px -266px #5151dd, -340px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  44% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, -170px -266px #5151dd, -340px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  44.625% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, -170px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  45.25% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, 0 -304px #5151dd, -170px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  45.875% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, 0 -304px #5151dd, 0 -342px #5151dd, -170px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  46.5% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, 0 -304px #5151dd, 0 -342px #5151dd, 0 -380px #5151dd, -170px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  47.125% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, 0 -304px #5151dd, 0 -342px #5151dd, 0 -380px #5151dd, 0 -418px #5151dd, -170px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  47.75% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, 0 -304px #5151dd, 0 -342px #5151dd, 0 -380px #5151dd, 0 -418px #5151dd, 0 -456px #5151dd, -170px -494px #5151dd, -340px -532px #5151dd;
+  }
+  48.375% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, 0 -304px #5151dd, 0 -342px #5151dd, 0 -380px #5151dd, 0 -418px #5151dd, 0 -456px #5151dd, 0 -494px #5151dd, -170px -532px #5151dd;
+  }
+  49% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, 0 -304px #5151dd, 0 -342px #5151dd, 0 -380px #5151dd, 0 -418px #5151dd, 0 -456px #5151dd, 0 -494px #5151dd, 0 -532px #5151dd;
+  }
+}
+@keyframes cover-horizontal-purple {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 0;
+    height: 38px;
+  }
+  39.625% {
+    width: 170px;
+    box-shadow: -340px -38px #5151dd, -340px -76px #5151dd, -340px -114px #5151dd, -340px -152px #5151dd, -340px -190px #5151dd, -340px -228px #5151dd, -340px -266px #5151dd, -340px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  40.25% {
+    width: 340px;
+    box-shadow: -170px -38px #5151dd, -340px -76px #5151dd, -340px -114px #5151dd, -340px -152px #5151dd, -340px -190px #5151dd, -340px -228px #5151dd, -340px -266px #5151dd, -340px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  40.875% {
+    box-shadow: 0 -38px #5151dd, -170px -76px #5151dd, -340px -114px #5151dd, -340px -152px #5151dd, -340px -190px #5151dd, -340px -228px #5151dd, -340px -266px #5151dd, -340px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  41.5% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, -170px -114px #5151dd, -340px -152px #5151dd, -340px -190px #5151dd, -340px -228px #5151dd, -340px -266px #5151dd, -340px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  42.125% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, -170px -152px #5151dd, -340px -190px #5151dd, -340px -228px #5151dd, -340px -266px #5151dd, -340px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  42.75% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, -170px -190px #5151dd, -340px -228px #5151dd, -340px -266px #5151dd, -340px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  43.375% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, -170px -228px #5151dd, -340px -266px #5151dd, -340px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  44% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, -170px -266px #5151dd, -340px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  44.625% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, -170px -304px #5151dd, -340px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  45.25% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, 0 -304px #5151dd, -170px -342px #5151dd, -340px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  45.875% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, 0 -304px #5151dd, 0 -342px #5151dd, -170px -380px #5151dd, -340px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  46.5% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, 0 -304px #5151dd, 0 -342px #5151dd, 0 -380px #5151dd, -170px -418px #5151dd, -340px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  47.125% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, 0 -304px #5151dd, 0 -342px #5151dd, 0 -380px #5151dd, 0 -418px #5151dd, -170px -456px #5151dd, -340px -494px #5151dd, -340px -532px #5151dd;
+  }
+  47.75% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, 0 -304px #5151dd, 0 -342px #5151dd, 0 -380px #5151dd, 0 -418px #5151dd, 0 -456px #5151dd, -170px -494px #5151dd, -340px -532px #5151dd;
+  }
+  48.375% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, 0 -304px #5151dd, 0 -342px #5151dd, 0 -380px #5151dd, 0 -418px #5151dd, 0 -456px #5151dd, 0 -494px #5151dd, -170px -532px #5151dd;
+  }
+  49% {
+    box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, 0 -304px #5151dd, 0 -342px #5151dd, 0 -380px #5151dd, 0 -418px #5151dd, 0 -456px #5151dd, 0 -494px #5151dd, 0 -532px #5151dd;
+  }
+}
+#gameboy.purple #cover-horizontal {
+  background-color: #5151dd;
+  -webkit-animation: cover-horizontal-purple 8s  linear;
+  animation: cover-horizontal-purple 8s  linear;
+  box-shadow: 0 -38px #5151dd, 0 -76px #5151dd, 0 -114px #5151dd, 0 -152px #5151dd, 0 -190px #5151dd, 0 -228px #5151dd, 0 -266px #5151dd, 0 -304px #5151dd, 0 -342px #5151dd, 0 -380px #5151dd, 0 -418px #5151dd, 0 -456px #5151dd, 0 -494px #5151dd, 0 -532px #5151dd;
+}
+@-moz-keyframes cover-horizontal-red {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 0;
+    height: 38px;
+  }
+  39.625% {
+    width: 170px;
+    box-shadow: -340px -38px #ff0151, -340px -76px #ff0151, -340px -114px #ff0151, -340px -152px #ff0151, -340px -190px #ff0151, -340px -228px #ff0151, -340px -266px #ff0151, -340px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  40.25% {
+    width: 340px;
+    box-shadow: -170px -38px #ff0151, -340px -76px #ff0151, -340px -114px #ff0151, -340px -152px #ff0151, -340px -190px #ff0151, -340px -228px #ff0151, -340px -266px #ff0151, -340px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  40.875% {
+    box-shadow: 0 -38px #ff0151, -170px -76px #ff0151, -340px -114px #ff0151, -340px -152px #ff0151, -340px -190px #ff0151, -340px -228px #ff0151, -340px -266px #ff0151, -340px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  41.5% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, -170px -114px #ff0151, -340px -152px #ff0151, -340px -190px #ff0151, -340px -228px #ff0151, -340px -266px #ff0151, -340px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  42.125% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, -170px -152px #ff0151, -340px -190px #ff0151, -340px -228px #ff0151, -340px -266px #ff0151, -340px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  42.75% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, -170px -190px #ff0151, -340px -228px #ff0151, -340px -266px #ff0151, -340px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  43.375% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, -170px -228px #ff0151, -340px -266px #ff0151, -340px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  44% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, -170px -266px #ff0151, -340px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  44.625% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, -170px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  45.25% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, 0 -304px #ff0151, -170px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  45.875% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, 0 -304px #ff0151, 0 -342px #ff0151, -170px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  46.5% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, 0 -304px #ff0151, 0 -342px #ff0151, 0 -380px #ff0151, -170px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  47.125% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, 0 -304px #ff0151, 0 -342px #ff0151, 0 -380px #ff0151, 0 -418px #ff0151, -170px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  47.75% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, 0 -304px #ff0151, 0 -342px #ff0151, 0 -380px #ff0151, 0 -418px #ff0151, 0 -456px #ff0151, -170px -494px #ff0151, -340px -532px #ff0151;
+  }
+  48.375% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, 0 -304px #ff0151, 0 -342px #ff0151, 0 -380px #ff0151, 0 -418px #ff0151, 0 -456px #ff0151, 0 -494px #ff0151, -170px -532px #ff0151;
+  }
+  49% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, 0 -304px #ff0151, 0 -342px #ff0151, 0 -380px #ff0151, 0 -418px #ff0151, 0 -456px #ff0151, 0 -494px #ff0151, 0 -532px #ff0151;
+  }
+}
+@-webkit-keyframes cover-horizontal-red {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 0;
+    height: 38px;
+  }
+  39.625% {
+    width: 170px;
+    box-shadow: -340px -38px #ff0151, -340px -76px #ff0151, -340px -114px #ff0151, -340px -152px #ff0151, -340px -190px #ff0151, -340px -228px #ff0151, -340px -266px #ff0151, -340px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  40.25% {
+    width: 340px;
+    box-shadow: -170px -38px #ff0151, -340px -76px #ff0151, -340px -114px #ff0151, -340px -152px #ff0151, -340px -190px #ff0151, -340px -228px #ff0151, -340px -266px #ff0151, -340px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  40.875% {
+    box-shadow: 0 -38px #ff0151, -170px -76px #ff0151, -340px -114px #ff0151, -340px -152px #ff0151, -340px -190px #ff0151, -340px -228px #ff0151, -340px -266px #ff0151, -340px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  41.5% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, -170px -114px #ff0151, -340px -152px #ff0151, -340px -190px #ff0151, -340px -228px #ff0151, -340px -266px #ff0151, -340px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  42.125% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, -170px -152px #ff0151, -340px -190px #ff0151, -340px -228px #ff0151, -340px -266px #ff0151, -340px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  42.75% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, -170px -190px #ff0151, -340px -228px #ff0151, -340px -266px #ff0151, -340px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  43.375% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, -170px -228px #ff0151, -340px -266px #ff0151, -340px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  44% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, -170px -266px #ff0151, -340px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  44.625% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, -170px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  45.25% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, 0 -304px #ff0151, -170px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  45.875% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, 0 -304px #ff0151, 0 -342px #ff0151, -170px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  46.5% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, 0 -304px #ff0151, 0 -342px #ff0151, 0 -380px #ff0151, -170px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  47.125% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, 0 -304px #ff0151, 0 -342px #ff0151, 0 -380px #ff0151, 0 -418px #ff0151, -170px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  47.75% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, 0 -304px #ff0151, 0 -342px #ff0151, 0 -380px #ff0151, 0 -418px #ff0151, 0 -456px #ff0151, -170px -494px #ff0151, -340px -532px #ff0151;
+  }
+  48.375% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, 0 -304px #ff0151, 0 -342px #ff0151, 0 -380px #ff0151, 0 -418px #ff0151, 0 -456px #ff0151, 0 -494px #ff0151, -170px -532px #ff0151;
+  }
+  49% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, 0 -304px #ff0151, 0 -342px #ff0151, 0 -380px #ff0151, 0 -418px #ff0151, 0 -456px #ff0151, 0 -494px #ff0151, 0 -532px #ff0151;
+  }
+}
+@keyframes cover-horizontal-red {
+  0% {
+    width: 0;
+    height: 0;
+    box-shadow: none;
+  }
+  39% {
+    width: 0;
+    height: 38px;
+  }
+  39.625% {
+    width: 170px;
+    box-shadow: -340px -38px #ff0151, -340px -76px #ff0151, -340px -114px #ff0151, -340px -152px #ff0151, -340px -190px #ff0151, -340px -228px #ff0151, -340px -266px #ff0151, -340px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  40.25% {
+    width: 340px;
+    box-shadow: -170px -38px #ff0151, -340px -76px #ff0151, -340px -114px #ff0151, -340px -152px #ff0151, -340px -190px #ff0151, -340px -228px #ff0151, -340px -266px #ff0151, -340px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  40.875% {
+    box-shadow: 0 -38px #ff0151, -170px -76px #ff0151, -340px -114px #ff0151, -340px -152px #ff0151, -340px -190px #ff0151, -340px -228px #ff0151, -340px -266px #ff0151, -340px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  41.5% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, -170px -114px #ff0151, -340px -152px #ff0151, -340px -190px #ff0151, -340px -228px #ff0151, -340px -266px #ff0151, -340px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  42.125% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, -170px -152px #ff0151, -340px -190px #ff0151, -340px -228px #ff0151, -340px -266px #ff0151, -340px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  42.75% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, -170px -190px #ff0151, -340px -228px #ff0151, -340px -266px #ff0151, -340px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  43.375% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, -170px -228px #ff0151, -340px -266px #ff0151, -340px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  44% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, -170px -266px #ff0151, -340px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  44.625% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, -170px -304px #ff0151, -340px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  45.25% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, 0 -304px #ff0151, -170px -342px #ff0151, -340px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  45.875% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, 0 -304px #ff0151, 0 -342px #ff0151, -170px -380px #ff0151, -340px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  46.5% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, 0 -304px #ff0151, 0 -342px #ff0151, 0 -380px #ff0151, -170px -418px #ff0151, -340px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  47.125% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, 0 -304px #ff0151, 0 -342px #ff0151, 0 -380px #ff0151, 0 -418px #ff0151, -170px -456px #ff0151, -340px -494px #ff0151, -340px -532px #ff0151;
+  }
+  47.75% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, 0 -304px #ff0151, 0 -342px #ff0151, 0 -380px #ff0151, 0 -418px #ff0151, 0 -456px #ff0151, -170px -494px #ff0151, -340px -532px #ff0151;
+  }
+  48.375% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, 0 -304px #ff0151, 0 -342px #ff0151, 0 -380px #ff0151, 0 -418px #ff0151, 0 -456px #ff0151, 0 -494px #ff0151, -170px -532px #ff0151;
+  }
+  49% {
+    box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, 0 -304px #ff0151, 0 -342px #ff0151, 0 -380px #ff0151, 0 -418px #ff0151, 0 -456px #ff0151, 0 -494px #ff0151, 0 -532px #ff0151;
+  }
+}
+#gameboy.red #cover-horizontal {
+  background-color: #ff0151;
+  -webkit-animation: cover-horizontal-red 8s  linear;
+  animation: cover-horizontal-red 8s  linear;
+  box-shadow: 0 -38px #ff0151, 0 -76px #ff0151, 0 -114px #ff0151, 0 -152px #ff0151, 0 -190px #ff0151, 0 -228px #ff0151, 0 -266px #ff0151, 0 -304px #ff0151, 0 -342px #ff0151, 0 -380px #ff0151, 0 -418px #ff0151, 0 -456px #ff0151, 0 -494px #ff0151, 0 -532px #ff0151;
+}
+@-moz-keyframes gloss {
+  0% {
+    width: 0;
+    height: 0;
+    left: 170px;
+  }
+  46% {
+    width: 0;
+    height: 0;
+    left: 170px;
+  }
+  52% {
+    width: 232px;
+    height: 250px;
+    left: 54px;
+  }
+}
+@-webkit-keyframes gloss {
+  0% {
+    width: 0;
+    height: 0;
+    left: 170px;
+  }
+  46% {
+    width: 0;
+    height: 0;
+    left: 170px;
+  }
+  52% {
+    width: 232px;
+    height: 250px;
+    left: 54px;
+  }
+}
+@keyframes gloss {
+  0% {
+    width: 0;
+    height: 0;
+    left: 170px;
+  }
+  46% {
+    width: 0;
+    height: 0;
+    left: 170px;
+  }
+  52% {
+    width: 232px;
+    height: 250px;
+    left: 54px;
+  }
+}
+#gloss {
+  position: absolute;
+  z-index: 13;
+  width: 232px;
+  height: 250px;
+  top: 275px;
+  left: 54px;
+  border-bottom-left-radius: 116px 20px;
+  border-bottom-right-radius: 116px 20px;
+  -webkit-animation: gloss 8s  linear;
+  animation: gloss 8s  linear;
+}
+#gameboy.transparent #gloss {
+  background-color: rgba(242, 232, 251, 0.43125);
+}
+#gameboy.teal #gloss {
+  background-color: #1abce0;
+}
+#gameboy.yellow #gloss {
+  background-color: #faea58;
+}
+#gameboy.green #gloss {
+  background-color: #97e77e;
+}
+#gameboy.purple #gloss {
+  background-color: #5a5adf;
+}
+#gameboy.red #gloss {
+  background-color: #ff1a62;
+}
+@-moz-keyframes speaker-holes {
+  0% {
+    width: 0;
+  }
+  41% {
+    width: 0;
+  }
+  42% {
+    width: 5px;
+  }
+}
+@-webkit-keyframes speaker-holes {
+  0% {
+    width: 0;
+  }
+  41% {
+    width: 0;
+  }
+  42% {
+    width: 5px;
+  }
+}
+@keyframes speaker-holes {
+  0% {
+    width: 0;
+  }
+  41% {
+    width: 0;
+  }
+  42% {
+    width: 5px;
+  }
+}
+#speaker-holes {
+  background-color: #222222;
+  width: 5px;
+  height: 5px;
+  position: absolute;
+  bottom: 42px;
+  left: 244px;
+  z-index: 14;
+  border-radius: 50%;
+  box-shadow: 9.5px 8px #222222, 19px 16px #222222, 0px -19px #222222, 9.5px -11px #222222, 19px -3px #222222, 28.5px 5px #222222, 38px 13px #222222, 0px -38px #222222, 9.5px -30px #222222, 19px -22px #222222, 28.5px -14px #222222, 38px -6px #222222, 47.5px 2px #222222, 57px 10px #222222, 9.5px -49px #222222, 19px -41px #222222, 28.5px -33px #222222, 38px -25px #222222, 47.5px -17px #222222, 57px -9px #222222, 66.5px -1px #222222, 28px -52px #222222, 37.5px -44px #222222, 47px -36px #222222, 56.5px -28px #222222, 66px -20px #222222, 47px -56px #222222, 56.5px -48px #222222, 66px -40px #222222;
+  -webkit-animation: speaker-holes 8s  linear;
+  animation: speaker-holes 8s  linear;
+}
+@-moz-keyframes power {
+  0% {
+    opacity: 0;
+    background-color: #303030;
+    box-shadow: none;
+  }
+  36% {
+    opacity: 0;
+  }
+  37% {
+    opacity: 1;
+  }
+  39% {
+    box-shadow: 5px 0 #222222, 8px 0 #222222, 12px 0 #222222, 15px 0 #222222, 19px 0 #222222, 22px 0 #222222;
+  }
+  40% {
+    box-shadow: 5px 0 #222222, 8px 0 #b0b0b0, 12px 0 #222222, 15px 0 #b0b0b0, 19px 0 #222222, 22px 0 #b0b0b0;
+  }
+  54% {
+    background-color: #303030;
+  }
+  55% {
+    background-color: #ff0151;
+  }
+}
+@-webkit-keyframes power {
+  0% {
+    opacity: 0;
+    background-color: #303030;
+    box-shadow: none;
+  }
+  36% {
+    opacity: 0;
+  }
+  37% {
+    opacity: 1;
+  }
+  39% {
+    box-shadow: 5px 0 #222222, 8px 0 #222222, 12px 0 #222222, 15px 0 #222222, 19px 0 #222222, 22px 0 #222222;
+  }
+  40% {
+    box-shadow: 5px 0 #222222, 8px 0 #b0b0b0, 12px 0 #222222, 15px 0 #b0b0b0, 19px 0 #222222, 22px 0 #b0b0b0;
+  }
+  54% {
+    background-color: #303030;
+  }
+  55% {
+    background-color: #ff0151;
+  }
+}
+@keyframes power {
+  0% {
+    opacity: 0;
+    background-color: #303030;
+    box-shadow: none;
+  }
+  36% {
+    opacity: 0;
+  }
+  37% {
+    opacity: 1;
+  }
+  39% {
+    box-shadow: 5px 0 #222222, 8px 0 #222222, 12px 0 #222222, 15px 0 #222222, 19px 0 #222222, 22px 0 #222222;
+  }
+  40% {
+    box-shadow: 5px 0 #222222, 8px 0 #b0b0b0, 12px 0 #222222, 15px 0 #b0b0b0, 19px 0 #222222, 22px 0 #b0b0b0;
+  }
+  54% {
+    background-color: #303030;
+  }
+  55% {
+    background-color: #ff0151;
+  }
+}
+#power {
+  position: absolute;
+  z-index: 15;
+  top: 95px;
+  left: 35px;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background-color: #ff0151;
+  box-shadow: 5px 0 #222222, 8px 0 #b0b0b0, 12px 0 #222222, 15px 0 #b0b0b0, 19px 0 #222222, 22px 0 #b0b0b0;
+  -webkit-animation: power 8s  linear;
+  animation: power 8s  linear;
+}
+#colors {
+  font-family: 'Oxygen', Helvetica, arial, sans-serif;
+  font-weight: 300;
+  width: 100%;
+  margin: 0 auto 40px;
+  text-align: center;
+}
+#colors span {
+  vertical-align: top;
+}
+#colors .color {
+  cursor: pointer;
+  width: 20px;
+  height: 20px;
+  display: inline-block;
+  margin-left: 5px;
+  border-radius: 3px;
+  border: 1px #ffffff;
+}
+#colors .color.active,
+#colors .color:hover {
+  opacity: 1 !important;
+}
+#colors .color[data-color="transparent"] {
+  border: 1px #9d9d9d dotted;
+  opacity: 0.5;
+  background: rgba(140, 46, 217, 0.125);
+}
+#colors .color[data-color="red"] {
+  opacity: 0.5;
+  background: #ff0151;
+}
+#colors .color[data-color="purple"] {
+  opacity: 0.5;
+  background: #5151dd;
+}
+#colors .color[data-color="green"] {
+  opacity: 0.5;
+  background: #85e367;
+}
+#colors .color[data-color="yellow"] {
+  opacity: 0.5;
+  background: #f9e52e;
+}
+#colors .color[data-color="teal"] {
+  opacity: 0.5;
+  background: #01b4dd;
+}
+
+a {
+  color: lightblue;
+}
\ No newline at end of file
diff --git a/static/fonts/8-Bit-Madness.ttf b/static/fonts/8-Bit-Madness.ttf
new file mode 100644
index 00000000..ea2e0b97
Binary files /dev/null and b/static/fonts/8-Bit-Madness.ttf differ
diff --git a/static/gameboy.html b/static/gameboy.html
new file mode 100644
index 00000000..0481f90b
--- /dev/null
+++ b/static/gameboy.html
@@ -0,0 +1,161 @@
+<head>
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
+
+  <link type="text/css" rel="stylesheet" href="/static/css/gameboy.css">
+</head>
+  
+  
+<body>
+  <div id="gameboy" class="green">
+    <div id="canvas"></div>
+    <div id="border"></div>
+    <div id="border-top"></div>
+    <div id="border-left"></div>
+    <div id="border-bottom"></div>
+    <div id="border-right"></div>
+    <div id="screw-small-right" class="screw small"></div>
+    <div id="screw-small-left" class="screw small"></div>
+    <div id="screw-large-right" class="screw large"></div>
+    <div id="screw-large-left" class="screw large"></div>
+    <div id="backboard"></div>
+    <div id="motherboard"></div>
+    <div id="motherboard-capacitors" class="capacitors"></div>
+    <div id="chip-short" class="chip"></div>
+    <div id="chip-diagonal" class="chip"></div>
+    <div id="chip-tall" class="chip"></div>
+    <div id="chip-capacitors" class="capacitors"></div>
+    <div id="contrast-knob"></div>
+    <div id="link-port"></div>
+    <div id="circuit-bottom" class="circuit"></div>
+    <div id="circuit-top" class="circuit"></div>
+    <div id="transistors"></div>
+    <div id="processor"></div>
+    <div id="component"></div>
+    <div id="controller"></div>
+    <div id="speaker"></div>
+    <div id="whitescreen"></div>
+    <div id="glass"></div>
+    <div id="glass-gameboy-text">GAME BOY</div>
+    <div id="glass-color-text">C</div>
+    <div id="screen">
+      <video id="loading-screen" autoplay=true poster="https://orig00.deviantart.net/cdcd/f/2017/276/a/a/october_2nd___gameboy_poltergeist_by_wanyo-dbpdmnd.gif">
+      </video>
+
+      <div id="menu-screen">
+        <img id="box-art" src="/static/img/boxarts/Contra (USA).png">
+        <div id="title">
+          <p>Contra</p>
+        </div>
+
+        <img class="arrow left" src="/static/img/arrow2_e.gif">
+        <img class="arrow right" src="/static/img/arrow2_e.gif">
+      </div>
+
+    </div>
+    <div id="screen-gameboy-text">GAME BOY</div>
+    <div id="screen-nintendo-text">Nintendo</div>
+    <div id="joystick-pad"></div>
+    <div id="joystick">.</div>
+    <div id="control"></div>
+    <div id="control-b" class="control-button">B</div>
+    <div id="control-a" class="control-button">A</div>
+    <div id="start-select-box"></div>
+    <div id="start-select-button"></div>
+    <div id="cover-vertical"></div>
+    <div id="cover-horizontal"></div>
+    <div id="gloss"></div>
+    <div id="speaker-holes"></div>
+    <div id="power"></div>
+  </div>
+
+  <div id="colors">
+    <div class="color" data-color="red"></div>
+    <div class="color" data-color="purple"></div>
+    <div class="color" data-color="green"></div>
+    <div class="color" data-color="yellow"></div>
+    <div class="color" data-color="teal"></div>
+    <div class="color" data-color="transparent"></div><br><br>
+    <div>Animation powered by bchanx <a href="http://bchanx.com/animated-gameboy-in-css-blog"><i class="fas fa-blog"></i></a> <a href="https://github.com/bchanx/animated-gameboy-in-css"><i class="fab fa-github"></i></a></div><br>
+    <div>Rocked by <a href="https://github.com/giongto35">giongto35</a> <i class="far fa-handshake"></i> <a href="https://trich.im">trichimtrich</a></div>
+  </div>
+
+  <div style="position:absolute; top:30%; left: 5%;">
+    <h3>Instruction</h3>
+    <div>
+      Use Up, Down, Left, Right to Move <br />
+      Z to jump (A) <br />
+      X to sprint (B) <br />
+      C is start (in game) <br />
+      V is select game <br />
+      Q is super quit <br />
+
+      Room ID: <input type="text" id="roomID"><br>
+      <!--Fullscreen media for better gaming experience<br /-->
+    </div><br>
+
+    <h3>Log:</h3>
+    <pre id="div"></pre>
+
+    <div>
+      <i class="fas fa-gamepad"></i> <u><i>Refresh to retry when checking is too long</i></u>
+    </div>  
+  </div>
+  
+
+  <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
+  <script src="/static/js/const.js"></script>
+  
+  <script>
+    /* 
+      GLOBAL VARS
+    */
+   // Game state
+    screenState = "loader";
+    gameIdx = 0;
+    
+    // Input vars
+    keyState = {
+      // controllers
+      a: false,
+      b: false, 
+      start: false,
+      select: false,
+      
+      // navigators
+      up: false,
+      down: false,
+      left: false,
+      right: false,
+
+      // unofficial
+      quit: false
+    }
+
+    stateUnchange = true;
+    unchangePacket = INPUT_STATE_PACKET;
+    inputTimer = null;
+
+    // Connection vars
+    var pc, inputChannel;
+    var localSessionDescription = "";
+    var remoteSessionDescription = "";
+    var conn;
+
+
+    /* 
+      FUNCTIONS
+    */
+  
+    // miscs
+    function log(msg) {
+      if (DEBUG) {
+        document.getElementById('div').innerHTML += msg + '<br>'
+        console.log(msg);
+      }
+    }
+  </script>
+
+  <script src="/static/js/gameboy_loader.js"></script>
+  <script src="/static/js/gameboy_controller.js"></script>
+  <script src="/static/js/{{.Service}}.js"></script>
+</body>
diff --git a/static/img/arrow2_e.gif b/static/img/arrow2_e.gif
new file mode 100644
index 00000000..e523f266
Binary files /dev/null and b/static/img/arrow2_e.gif differ
diff --git a/static/img/boxarts/Contra (USA).png b/static/img/boxarts/Contra (USA).png
new file mode 100644
index 00000000..fecd24e9
Binary files /dev/null and b/static/img/boxarts/Contra (USA).png differ
diff --git a/static/img/boxarts/Kirby's Adventure (Canada).png b/static/img/boxarts/Kirby's Adventure (Canada).png
new file mode 100644
index 00000000..7a74329d
Binary files /dev/null and b/static/img/boxarts/Kirby's Adventure (Canada).png differ
diff --git a/static/img/boxarts/Mega Man 2 (USA).png b/static/img/boxarts/Mega Man 2 (USA).png
new file mode 100644
index 00000000..6db98065
Binary files /dev/null and b/static/img/boxarts/Mega Man 2 (USA).png differ
diff --git a/static/img/boxarts/Metal Gear (USA).png b/static/img/boxarts/Metal Gear (USA).png
new file mode 100644
index 00000000..8adaa86e
Binary files /dev/null and b/static/img/boxarts/Metal Gear (USA).png differ
diff --git a/static/img/boxarts/Super Mario Bros. (World).png b/static/img/boxarts/Super Mario Bros. (World).png
new file mode 100644
index 00000000..714f1b95
Binary files /dev/null and b/static/img/boxarts/Super Mario Bros. (World).png differ
diff --git a/static/img/boxarts/Super Mario Bros. 2 (USA).png b/static/img/boxarts/Super Mario Bros. 2 (USA).png
new file mode 100644
index 00000000..3c5a119a
Binary files /dev/null and b/static/img/boxarts/Super Mario Bros. 2 (USA).png differ
diff --git a/static/img/boxarts/Super Mario Bros. 3 (USA).png b/static/img/boxarts/Super Mario Bros. 3 (USA).png
new file mode 100644
index 00000000..5c33a2df
Binary files /dev/null and b/static/img/boxarts/Super Mario Bros. 3 (USA).png differ
diff --git a/static/img/boxarts/Teenage Mutant Ninja Turtles III - The Manhattan Project (USA).png b/static/img/boxarts/Teenage Mutant Ninja Turtles III - The Manhattan Project (USA).png
new file mode 100644
index 00000000..468b0526
Binary files /dev/null and b/static/img/boxarts/Teenage Mutant Ninja Turtles III - The Manhattan Project (USA).png differ
diff --git a/static/img/boxarts/Zelda II - The Adventure of Link (Europe) (Rev A).png b/static/img/boxarts/Zelda II - The Adventure of Link (Europe) (Rev A).png
new file mode 100644
index 00000000..11809128
Binary files /dev/null and b/static/img/boxarts/Zelda II - The Adventure of Link (Europe) (Rev A).png differ
diff --git a/static/img/boxarts/mortal-kombat-x-box-art-revealed-as-pre-orders-ope_5pxd.jpg b/static/img/boxarts/mortal-kombat-x-box-art-revealed-as-pre-orders-ope_5pxd.jpg
new file mode 100644
index 00000000..f7008c7f
Binary files /dev/null and b/static/img/boxarts/mortal-kombat-x-box-art-revealed-as-pre-orders-ope_5pxd.jpg differ
diff --git a/static/index.html b/static/index.html
new file mode 100644
index 00000000..e69de29b
diff --git a/index_http.html b/static/index_http.html
similarity index 100%
rename from index_http.html
rename to static/index_http.html
diff --git a/index_ws.html b/static/index_ws.html
similarity index 98%
rename from index_ws.html
rename to static/index_ws.html
index 14b0d9fc..e7527605 100644
--- a/index_ws.html
+++ b/static/index_ws.html
@@ -109,9 +109,7 @@ window.startGame = () => {
   // webrtc
   pc = new RTCPeerConnection({iceServers: [{urls: 'stun:stun.l.google.com:19302'}]})
   // input channel
-  let r = Math.random().toString(36).substring(7)
-  console.log("data chan name", r)
-  inputChannel = pc.createDataChannel(r)
+  inputChannel = pc.createDataChannel('foo')
   inputChannel.onclose = () => {
     log('inputChannel has closed');
   }
@@ -173,6 +171,10 @@ var localSessionDescription = "";
 var remoteSessionDescription = "";
 var conn;
 
+
+
+
+
 // Input handler
 keyState = {
   // controllers
diff --git a/static/js/const.js b/static/js/const.js
new file mode 100644
index 00000000..d164483a
--- /dev/null
+++ b/static/js/const.js
@@ -0,0 +1,100 @@
+// miscs
+DEBUG = true;
+
+// list game
+GAME_LIST = [
+    {
+        name: "Contra",
+        nes: "Contra.nes",
+        art: "Contra (USA).png"
+    },
+
+    {
+        name: "Kirby's Adventure",
+        nes: "Kirby's Adventure.nes",
+        art: "Kirby's Adventure (Canada).png"
+    },
+
+    {
+        name: "Mega Man 2",
+        nes: "Mega Man 2.nes",
+        art: "Mega Man 2 (USA).png"
+    },
+
+    {
+        name: "Metal Gear",
+        nes: "Metal Gear.nes",
+        art: "Metal Gear (USA).png"
+    },
+
+    {
+        name: "Mortal Kombat 4",
+        nes: "Mortal Kombat 4.nes",
+        art: "mortal-kombat-x-box-art-revealed-as-pre-orders-ope_5pxd.jpg"
+    },
+
+    {
+        name: "Super Mario Bros 2",
+        nes: "Super Mario Bros 2.nes",
+        art: "Super Mario Bros. 2 (USA).png"
+    },
+
+    {
+        name: "Super Mario Bros 3",
+        nes: "Super Mario Bros 3.nes",
+        art: "Super Mario Bros. 3 (USA).png"
+    },
+
+    {
+        name: "Super Mario Bros",
+        nes: "Super Mario Bros.nes",
+        art: "Super Mario Bros. (World).png"
+    },
+
+    {
+        name: "TMNT 3",
+        nes: "Teenage Mutant Ninja Turtles 3.nes",
+        art: "Teenage Mutant Ninja Turtles III - The Manhattan Project (USA).png"
+    },
+
+    {
+        name: "Zelda",
+        nes: "zelda.nes",
+        art: "Zelda II - The Adventure of Link (Europe) (Rev A).png"
+    }
+];
+
+
+
+// Keyboard stuffs
+KEY_MAP = {
+    37: "left",
+    38: "up",
+    39: "right",
+    40: "down",
+
+    90: "a", // z
+    88: "b", // x
+    67: "start", // c
+    86: "select", // v
+
+    81: "quit" // q
+}
+
+/*
+      const (
+        ButtonA = iota
+        ButtonB
+        ButtonSelect
+        ButtonStart
+        ButtonUp
+        ButtonDown
+        ButtonLeft
+        ButtonRight
+      )
+      */
+KEY_BIT = ["a", "b", "select", "start", "up", "down", "left", "right"];
+
+
+INPUT_FPS = 100;
+INPUT_STATE_PACKET = 5;
\ No newline at end of file
diff --git a/static/js/gameboy_controller.js b/static/js/gameboy_controller.js
new file mode 100644
index 00000000..c2cdc87c
--- /dev/null
+++ b/static/js/gameboy_controller.js
@@ -0,0 +1,135 @@
+
+// menu screen
+function showMenuScreen() {
+    log("Clean up connection / frame");
+    // clean up before / after menu
+    try {
+        inputChannel.close();
+    } catch (err) {
+        log(`> [Warning] input channel: ${err}`);
+    }
+
+    try {
+        pc.close();
+    } catch (err) {
+        log(`> [Warning] peer connection: ${err}`);
+    }
+
+    try {
+        conn.close();
+    } catch (err) {
+        log(`> [Warning] Websocket connection: ${err}`);
+    }
+
+
+    $("#loading-screen").hide();
+    $("#menu-screen").hide();
+
+    // show
+
+    $("#loading-screen").show().delay(1000).fadeOut(400, () => {
+        log("Loading menu screen");
+        $("#menu-screen").fadeIn(400, () => {
+            chooseGame(7);
+            screenState = "menu";
+        });
+    });
+}
+
+
+// game menu
+function chooseGame(idx) {
+    if (idx < 0 || idx == gameIdx || idx >= GAME_LIST.length) return false;
+
+    $("#menu-screen #box-art").fadeOut(400, function () {
+        $(this).attr("src", `/static/img/boxarts/${GAME_LIST[idx].art}`);
+        $(this).fadeIn(400, function () {
+            $("#menu-screen #title p").html(GAME_LIST[idx].name);
+        });
+    });
+
+    if (idx == 0) {
+        $("#menu-screen .left").hide();
+    } else {
+        $("#menu-screen .left").show();
+    }
+
+    if (idx == GAME_LIST.length - 1) {
+        $("#menu-screen .right").hide();
+    } else {
+        $("#menu-screen .right").show();
+    }
+
+    gameIdx = idx;
+    log(`> [Pick] game ${gameIdx + 1}/${GAME_LIST.length} - ${GAME_LIST[gameIdx].name}`);
+}
+
+function setState(e, bo) {
+    if (e.keyCode in KEY_MAP) {
+        keyState[KEY_MAP[e.keyCode]] = bo;
+        stateUnchange = false;
+        unchangePacket = INPUT_STATE_PACKET;
+    }
+}
+
+document.body.onkeyup = function (e) {
+    if (screenState === "menu") {
+        switch (KEY_MAP[e.keyCode]) {
+            case "left":
+                chooseGame(gameIdx - 1);
+                break;
+
+            case "right":
+                chooseGame(gameIdx + 1);
+                break;
+
+            case "select":
+                startGame();
+        }
+    } else if (screenState === "game") {
+        setState(e, false);
+    }
+
+    // global reset
+    if (KEY_MAP[e.keyCode] == "quit") {
+        endInput();
+        showMenuScreen();
+    }
+
+}
+
+document.body.onkeydown = function (e) {
+    if (screenState === "game")
+        setState(e, true);
+};
+
+
+function sendInput() {
+    // prepare key
+    if (stateUnchange || unchangePacket > 0) {
+        st = "";
+        KEY_BIT.forEach(elem => {
+            st += keyState[elem] ? 1 : 0;
+        });
+        ss = parseInt(st, 2);
+        console.log(`Key state string: ${st} ==> ${ss}`);
+
+        // send
+        inputChannel.send(ss);
+
+        stateUnchange = false;
+        unchangePacket--;
+    }
+}
+
+
+function startInput() {
+    if (inputTimer == null) {
+        inputTimer = setInterval(sendInput, 1000 / INPUT_FPS)
+    }
+}
+
+function endInput() {
+    clearInterval(inputTimer);
+    inputTimer = null;
+}
diff --git a/static/js/gameboy_loader.js b/static/js/gameboy_loader.js
new file mode 100644
index 00000000..30e148ad
--- /dev/null
+++ b/static/js/gameboy_loader.js
@@ -0,0 +1,35 @@
+// A tiny bit of javascript code for color selection
+window.onload = function() {
+    var colors = ['red', 'purple', 'green', 'yellow', 'teal', 'transparent'];
+    var last = null;
+    Array.prototype.slice.call(document.querySelectorAll('.color')).forEach(function(el) {
+    el.addEventListener('click', function() {
+        log("Starting gameboy");
+        screenState = "loader";
+
+        if (last) {
+        last.classList.remove('active');
+        }
+        var color = el.getAttribute('data-color');
+        var gameboy = document.querySelector('#gameboy');
+        gameboy.style.opacity = 0;
+        gameboy.classList.remove(gameboy.classList[0]);
+        var clone = gameboy.cloneNode(true);
+        gameboy.remove();
+        clone.classList.add(color);
+        clone.style.opacity = 1;
+        var colors = document.querySelector('#colors');
+        colors.parentNode.insertBefore(clone, colors);
+        el.classList.add('active');
+        last = el;
+    });
+    });
+
+    document.querySelector('.color[data-color="green"]').dispatchEvent(new MouseEvent('click', {
+    'view': window,
+    'bubbles': true
+    }));
+
+    $("#screen-gameboy-text").on("webkitAnimationEnd", showMenuScreen);
+    $("#screen-gameboy-text").on("animationend", showMenuScreen);
+}
diff --git a/static/js/http.js b/static/js/http.js
new file mode 100644
index 00000000..d137e956
--- /dev/null
+++ b/static/js/http.js
@@ -0,0 +1,94 @@
+// http signal server
+
+function startGame() {
+    log("Starting game screen")
+
+    // clear
+    endInput();
+    document.getElementById('div').innerHTML = "";
+    $("#loading-screen").show();
+    $("#menu-screen").fadeOut();
+    // end clear
+    
+
+    // Register with server the session description
+    function postSession(session) {
+        if (session == "") {
+            return;
+        }
+        var xhttp = new XMLHttpRequest();
+        xhttp.onreadystatechange = function () {
+            if (this.readyState == 4 && this.status == 200) {
+                remoteSessionDescription = this.responseText;
+                // document.getElementById('playGame').disabled = false;
+                // by original design, we would click to start.
+                startSession();
+            }
+        };
+        xhttp.open("POST", "/session", true);
+        xhttp.setRequestHeader("Content-type", "application/json");
+        xhttp.send(JSON.stringify({ "game": GAME_LIST[gameIdx].nes, "sdp": session }));
+
+    }
+    let pc = new RTCPeerConnection({
+        iceServers: [
+            {
+                urls: 'stun:stun.l.google.com:19302'
+            }
+        ]
+    })
+
+
+    inputChannel = pc.createDataChannel('foo')
+    inputChannel.onclose = () => log('inputChannel has closed')
+    inputChannel.onopen = () => log('inputChannel has opened')
+    inputChannel.onmessage = e => log(`Message from DataChannel '${inputChannel.label}' payload '${e.data}'`)
+
+    pc.ontrack = function (event) {
+        log("New stream, yay!");
+        document.getElementById("loading-screen").srcObject = event.streams[0];
+
+        // var el = document.createElement(event.track.kind)
+        // el.srcObject = event.streams[0]
+        // el.autoplay = true
+        // el.width = 800;
+        // el.height = 600;
+        // el.poster = new URL("https://orig00.deviantart.net/cdcd/f/2017/276/a/a/october_2nd___gameboy_poltergeist_by_wanyo-dbpdmnd.gif");
+
+        // document.getElementById('remoteVideos').appendChild(el)
+    }
+
+    pc.onicecandidate = event => {
+        if (event.candidate === null) {
+            var session = btoa(JSON.stringify(pc.localDescription));
+            localSessionDescription = session;
+            postSession(session)
+        }
+    }
+    pc.createOffer({ offerToReceiveVideo: true, offerToReceiveAudio: true }).then(d => pc.setLocalDescription(d)).catch(log)
+
+    window.startSession = () => {
+        let sd = remoteSessionDescription
+        if (sd === '') {
+            return alert('Session Description must not be empty')
+        }
+        try {
+            pc.setRemoteDescription(new RTCSessionDescription(JSON.parse(atob(sd))));
+        } catch (e) {
+            alert(e);
+        }
+    }
+
+    pc.oniceconnectionstatechange = e => {
+        log(`iceConnectionState: ${pc.iceConnectionState}`);
+
+        if (pc.iceConnectionState === "connected") {
+            startInput();
+            screenState = "game";
+        }
+        else if (pc.iceConnectionState === "disconnected") {
+            endInput();
+        }
+
+    }
+}
diff --git a/static/js/ws.js b/static/js/ws.js
new file mode 100644
index 00000000..7ff13ed5
--- /dev/null
+++ b/static/js/ws.js
@@ -0,0 +1,114 @@
+// web socket
+
+function startGame() {
+    log("Starting game screen");
+    
+    // clear
+    endInput();
+    document.getElementById('div').innerHTML = "";
+    $("#loading-screen").show();
+    $("#menu-screen").fadeOut();
+    // end clear
+
+    conn = new WebSocket(`ws://${location.host}/ws`);
+
+    conn.onopen = () => {
+        log("WebSocket is opened. Send ping");
+        roomID = document.getElementById('roomID').value
+        conn.send(JSON.stringify({"id": "ping", "data": GAME_LIST[gameIdx].nes, "room_id": roomID}));
+    }
+
+    conn.onerror = error => {
+        log(`Websocket error: ${error}`);
+    }
+
+    conn.onclose = () => {
+        log("Websocket closed");
+    }
+
+    conn.onmessage = e => {
+        d = JSON.parse(e.data);
+        switch (d["id"]) {
+        case "pong":
+            log("Recv pong. Start webrtc");
+            startWebRTC();
+            break;
+        case "sdp":
+            log("Got remote sdp");
+            pc.setRemoteDescription(new RTCSessionDescription(JSON.parse(atob(d["data"]))));
+            break;
+        case "start":
+            log("Got start");
+            document.getElementById('roomID').value = d["room_id"]
+            break;
+        }
+    }
+
+    // webrtc
+    pc = new RTCPeerConnection({iceServers: [{urls: 'stun:stun.l.google.com:19302'}]})
+    // input channel
+    inputChannel = pc.createDataChannel('foo')
+    inputChannel.onclose = () => {
+        log('inputChannel has closed');
+    }
+
+    inputChannel.onopen = () => {
+        log('inputChannel has opened');
+    }
+
+    inputChannel.onmessage = e => {
+        log(`Message from DataChannel '${inputChannel.label}' payload '${e.data}'`);
+    }
+
+
+    pc.oniceconnectionstatechange = e => {
+        log(`iceConnectionState: ${pc.iceConnectionState}`);
+
+        if (pc.iceConnectionState === "connected") {
+            conn.send(JSON.stringify({"id": "start", "data": ""}));
+            startInput();
+            screenState = "game";
+        }
+        else if (pc.iceConnectionState === "disconnected") {
+            endInput();
+        }
+
+    }
+
+
+    // stream channel
+    pc.ontrack = function (event) {
+        log("New stream, yay!");
+        document.getElementById("loading-screen").srcObject = event.streams[0];
+        // document.getElementById("loading-screen").width = 270;
+        // document.getElementById("loading-screen").height = 240;
+    }
+
+
+    // candidate packet from STUN
+    pc.onicecandidate = event => {
+        if (event.candidate === null) {
+
+        } else {
+            console.log(JSON.stringify(event.candidate));
+            // conn.send(JSON.stringify({"id": "candidate", "data": JSON.stringify(event.candidate)}));
+        }
+    }
+        
+
+    function startWebRTC() {
+        // receiver only tracks
+        pc.addTransceiver('video', {'direction': 'recvonly'});
+
+        // create SDP
+        pc.createOffer({offerToReceiveVideo: true, offerToReceiveAudio: false}).then(d => {
+            pc.setLocalDescription(d, () => {
+                // send to ws
+                session = btoa(JSON.stringify(pc.localDescription));
+                localSessionDescription = session;
+                log("Send SDP to remote peer");
+                conn.send(JSON.stringify({"id": "sdp", "data": session}));
+            });
+        }).catch(log);
+    }
+}