diff --git a/css/app.css b/css/app.css
deleted file mode 100644
index 87267ef0..00000000
--- a/css/app.css
+++ /dev/null
@@ -1,147 +0,0 @@
-#main-content {
-  margin-left: 250px; }
-
-#sidebar-menu {
-  background-color: #f5f5f5;
-  border-right: 1px solid #ccc;
-  position: fixed;
-  overflow-y: auto;
-  width: 250px;
-  height: 100%; }
-
-ul {
-  padding: 0;
-  margin: 0; }
-  ul li {
-    list-style: none;
-    padding: 0; }
-
-.sidebar__level-1 {
-  padding: .5rem 1rem;
-  font-size: 2rem;
-  line-height: 3rem; }
-  .sidebar__level-1--item {
-    margin-top: 0; }
-    .sidebar__level-1--item:nth-child(1) {
-      margin: 0; }
-  .sidebar__level-1 .fa-chevron-up,
-  .sidebar__level-1 .fa-chevron-down {
-    margin-right: 1rem;
-    font-size: 1.5rem;
-    position: relative;
-    top: .5rem;
-    display: none; }
-  .sidebar__level-1:hover .fa-chevron-up,
-  .sidebar__level-1:hover .fa-chevron-down {
-    display: inline-block; }
-
-.sidebar__level-1, .sidebar__level-2 {
-  padding-left: 15px; }
-
-.sidebar__level-2 {
-  margin-left: 15px; }
-  .sidebar__level-2--item {
-    padding: 0 20px 0 0; }
-    .sidebar__level-2--item.active {
-      background-color: #555;
-      color: #fff; }
-      .sidebar__level-2--item.active .fa-star {
-        color: #fff; }
-      .sidebar__level-2--item.active:hover {
-        background-color: #555; }
-    .sidebar__level-2--item .fa.pull-right {
-      position: relative;
-      top: 2px; }
-    .sidebar__level-2--item .fa-star {
-      color: #666; }
-
-.sidebar__level-1:hover, .sidebar__level-2--item:hover {
-  cursor: pointer;
-  background-color: rgba(0, 0, 0, 0.05); }
-
-.menu--bottom {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%; }
-  .menu--bottom .sidebar__level-1 {
-    background-color: transparent;
-    padding: 1rem; }
-
-.pane-title {
-  margin-bottom: 1em; }
-  .pane-title__name, .pane-title__abbrev {
-    border: none;
-    border-bottom: 2px dotted #999;
-    padding: 0 .5rem;
-    margin: 0 .25rem; }
-    .pane-title__name.active, .pane-title__abbrev.active {
-      box-shadow: 0 0 0px 1px #ccc, 0 0 5px 0px #ccc;
-      border-color: transparent; }
-
-.keymap__is-default.fa-star {
-  color: #333; }
-
-.keymap__is-default.fa-star-o {
-  color: #333; }
-
-.keymap__is-default:hover {
-  color: #555;
-  cursor: pointer; }
-
-.keyboard-slider {
-  position: relative;
-  overflow: hidden;
-  width: 100%;
-  height: auto; }
-  .keyboard-slider .uhk__layer-wrapper {
-    width: 100%;
-    height: auto;
-    text-align: center;
-    position: absolute;
-    left: 100%; }
-    .keyboard-slider .uhk__layer-wrapper.current {
-      left: 0; }
-    .keyboard-slider .uhk__layer-wrapper .uhk {
-      max-width: 100%;
-      width: 98%; }
-
-.key-editor__popup {
-  border: none;
-  width: 0px;
-  height: 0px;
-  position: absolute;
-  top: 215px;
-  left: 50%;
-  margin-left: -310px; }
-
-svg.uhk rect.active {
-  fill: #337ab7; }
-
-/* GitHub ribbon */
-.github-fork-ribbon {
-  background-color: #a00;
-  overflow: hidden;
-  white-space: nowrap;
-  position: fixed;
-  right: -50px;
-  bottom: 40px;
-  z-index: 999999;
-  -webkit-transform: rotate(-45deg);
-  -moz-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  -o-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  -webkit-box-shadow: 0 0 10px #888;
-  -moz-box-shadow: 0 0 10px #888;
-  box-shadow: 0 0 10px #888; }
-  .github-fork-ribbon a {
-    border: 1px solid #faa;
-    color: #fff;
-    display: block;
-    font: bold 81.25% 'Helvetica Neue', Helvetica, Arial, sans-serif;
-    margin: 1px 0;
-    padding: 10px 50px;
-    text-align: center;
-    text-decoration: none;
-    text-shadow: 0 0 5px #444; }
diff --git a/css/macro.css b/css/macro.css
deleted file mode 100644
index 602158ca..00000000
--- a/css/macro.css
+++ /dev/null
@@ -1,76 +0,0 @@
-.main-wrapper {
-  width: 500px; }
-
-h1 {
-  margin-bottom: 3rem; }
-
-.action--item {
-  padding-left: 8px; }
-
-.action--item.active,
-.action--item.active:hover {
-  background-color: white;
-  font-weight: bold;
-  color: black;
-  border-color: black;
-  z-index: 10; }
-
-.macro-settings {
-  border: 1px solid black;
-  border-top-color: #999;
-  z-index: 100; }
-
-.macro-settings .helper {
-  position: absolute;
-  display: block;
-  height: 13px;
-  background: #FFF;
-  width: 100%;
-  left: 0;
-  top: -14px; }
-
-.action--item.active.callout,
-.macro-settings.callout {
-  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5); }
-
-.list-group-item .move-handle:hover {
-  cursor: move; }
-
-.action--edit {
-  float: right; }
-
-.action--edit:hover {
-  color: #337ab7;
-  cursor: pointer; }
-
-.action--trash {
-  float: right;
-  margin-right: 1rem; }
-
-.action--trash:hover {
-  color: #d9534f;
-  cursor: pointer; }
-
-.action--edit__form {
-  background-color: whtie;
-  margin-left: -.5rem;
-  margin-right: -15px;
-  margin-top: 15px;
-  padding-top: 15px;
-  border-top: 1px solid #ddd; }
-
-.flex-button-wrapper {
-  display: flex;
-  flex-direction: row-reverse; }
-
-.flex-button {
-  align-self: flex-end; }
-
-.add-new__action-item:hover {
-  cursor: pointer; }
-
-.add-new__action-item--link,
-.add-new__action-item--link:active,
-.add-new__action-item--link:hover {
-  text-decoration: none;
-  color: #337ab7; }