Switching to ng2 side menu (#65)

Closes #63

src/main-app.component.scss

@@ -1,58 +1,10 @@
 :host {
-    display: flex;
-    flex-direction: column;
+    display: block;
+    height: 100vh;
+    width: 100%;
     overflow: hidden;
-
-    > div:first-child {
-        display: flex;
-        flex: 1;
-        align-items: center;
-        justify-content: center;
-    }
 }
 
-button {
-    margin: 2px;
+.main-content {
+    height: 100%;
 }
-
-:host > div:last-child {
-    display: flex;
-    flex: 5;
-    position: relative;
-}
-
-:host > div:last-child > svg-keyboard-popover {
-    width: 80%;
-    position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
-    animation-duration: 400ms;
-    animation-timing-function: ease-in-out;
-}
-
-@keyframes animate-center-left {
-    0% {
-        transform: translateX(-50%);
-        left: 50%;
-    }
-    100% {
-        transform: translateX(-100%);
-        left: 0%;
-    }
-}
-
-@keyframes animate-center-right {
-    0% {
-        transform: translateX(-50%);
-        left: 50%;
-    }
-    100% {
-        transform: translateX(0%);
-        left: 100%;
-    }
-}
-
-[hidden] {
-    display: none;
-}
-