diff --git a/log/error.log b/log/error.log
index 451372e..344c177 100755
--- a/log/error.log
+++ b/log/error.log
@@ -1 +1,23 @@
 2018-09-25T13:32:08+02:00 ERR (3):
+2018-09-26T12:47:13+02:00 ERR (3):
+2018-09-26T12:49:14+02:00 ERR (3):
+2018-09-26T12:52:31+02:00 ERR (3):
+2018-09-26T12:56:16+02:00 ERR (3):
+2018-09-26T13:21:28+02:00 ERR (3):
+2018-09-26T13:23:06+02:00 ERR (3):
+2018-09-26T13:25:37+02:00 ERR (3):
+2018-09-26T13:30:09+02:00 ERR (3):
+2018-09-26T13:31:23+02:00 ERR (3):
+2018-09-26T13:31:25+02:00 ERR (3):
+2018-09-26T13:41:58+02:00 ERR (3):
+2018-09-26T13:43:07+02:00 ERR (3):
+2018-09-26T13:44:29+02:00 ERR (3):
+2018-09-26T13:44:50+02:00 ERR (3):
+2018-09-26T13:44:55+02:00 ERR (3):
+2018-09-26T13:55:06+02:00 ERR (3):
+2018-09-26T13:55:40+02:00 ERR (3):
+2018-09-26T13:55:43+02:00 ERR (3):
+2018-09-26T13:55:46+02:00 ERR (3):
+2018-09-26T13:55:49+02:00 ERR (3):
+2018-09-26T14:00:03+02:00 ERR (3):
+2018-09-26T14:01:02+02:00 ERR (3):
diff --git a/log/log.log b/log/log.log
index 451372e..344c177 100755
--- a/log/log.log
+++ b/log/log.log
@@ -1 +1,23 @@
 2018-09-25T13:32:08+02:00 ERR (3):
+2018-09-26T12:47:13+02:00 ERR (3):
+2018-09-26T12:49:14+02:00 ERR (3):
+2018-09-26T12:52:31+02:00 ERR (3):
+2018-09-26T12:56:16+02:00 ERR (3):
+2018-09-26T13:21:28+02:00 ERR (3):
+2018-09-26T13:23:06+02:00 ERR (3):
+2018-09-26T13:25:37+02:00 ERR (3):
+2018-09-26T13:30:09+02:00 ERR (3):
+2018-09-26T13:31:23+02:00 ERR (3):
+2018-09-26T13:31:25+02:00 ERR (3):
+2018-09-26T13:41:58+02:00 ERR (3):
+2018-09-26T13:43:07+02:00 ERR (3):
+2018-09-26T13:44:29+02:00 ERR (3):
+2018-09-26T13:44:50+02:00 ERR (3):
+2018-09-26T13:44:55+02:00 ERR (3):
+2018-09-26T13:55:06+02:00 ERR (3):
+2018-09-26T13:55:40+02:00 ERR (3):
+2018-09-26T13:55:43+02:00 ERR (3):
+2018-09-26T13:55:46+02:00 ERR (3):
+2018-09-26T13:55:49+02:00 ERR (3):
+2018-09-26T14:00:03+02:00 ERR (3):
+2018-09-26T14:01:02+02:00 ERR (3):
diff --git a/public/core/css/core.css b/public/core/css/core.css
index 905711c..898a367 100755
--- a/public/core/css/core.css
+++ b/public/core/css/core.css
@@ -5,7 +5,8 @@
  * Licensed under MIT Open Source
  */
 .top-bar-title {
-  white-space: nowrap; }
+  white-space: nowrap;
+}
 
 #action-bar .close-listener {
   position: fixed;
@@ -14,136 +15,197 @@
   right: 0;
   bottom: 0;
   background: transparent;
-  z-index: 9000; }
+  z-index: 9000;
+}
 #action-bar #responsive-menu .top-bar-right {
   position: relative;
   text-align: right;
-  width: 100%; }
+  width: 100%;
+}
 #action-bar .top-bar-right {
-  width: auto; }
-  #action-bar .top-bar-right .menu.action-bar a img + span {
-    display: none; }
-  #action-bar .top-bar-right .menu.action-bar .action {
-    position: relative;
-    z-index: 9000; }
-    #action-bar .top-bar-right .menu.action-bar .action.is-dropdown-submenu-parent {
-      z-index: 9001; }
-    #action-bar .top-bar-right .menu.action-bar .action.hidden {
-      display: none; }
-    @media screen and (max-width: 24.9375em) {
-      #action-bar .top-bar-right .menu.action-bar .action.smedium {
-        display: none; } }
-    @media screen and (max-width: 39.9375em) {
-      #action-bar .top-bar-right .menu.action-bar .action li {
-        display: table-cell; }
-      #action-bar .top-bar-right .menu.action-bar .action.medium {
-        display: none; } }
-    @media screen and (max-width: 63.9375em) {
-      #action-bar .top-bar-right .menu.action-bar .action.large {
-        display: none; } }
-    #action-bar .top-bar-right .menu.action-bar .action.never {
-      display: none; }
-  #action-bar .top-bar-right .menu.action-bar.hidden {
-    display: inline-block;
-    position: absolute;
-    z-index: 9000;
-    border: 1px solid #cacaca;
-    padding: 0.2rem;
-    transform: translateX(-100%);
-    text-align: left; }
-    #action-bar .top-bar-right .menu.action-bar.hidden .action.hidden {
-      display: none; }
-    #action-bar .top-bar-right .menu.action-bar.hidden .action.is-dropdown-submenu-parent {
-      z-index: 9001; }
-      #action-bar .top-bar-right .menu.action-bar.hidden .action.is-dropdown-submenu-parent ul.is-dropdown-submenu {
-        top: auto; }
-        #action-bar .top-bar-right .menu.action-bar.hidden .action.is-dropdown-submenu-parent ul.is-dropdown-submenu > li.action, #action-bar .top-bar-right .menu.action-bar.hidden .action.is-dropdown-submenu-parent ul.is-dropdown-submenu > .close-listener {
-          z-index: 9001; }
-      #action-bar .top-bar-right .menu.action-bar.hidden .action.is-dropdown-submenu-parent > a:after {
-        display: block;
-        width: 0;
-        height: 0;
-        border: 6px inset;
-        content: "";
-        border-bottom-width: 0;
-        border-top-style: solid;
-        border-color: #ffffff transparent transparent;
-        right: 5px;
-        left: auto;
-        margin-top: -3px; }
-    #action-bar .top-bar-right .menu.action-bar.hidden .action a {
-      white-space: nowrap; }
-      #action-bar .top-bar-right .menu.action-bar.hidden .action a img {
-        display: none; }
-        #action-bar .top-bar-right .menu.action-bar.hidden .action a img + span {
-          display: inherit; }
-    @media print, screen and (min-width: 40em) {
-      #action-bar .top-bar-right .menu.action-bar.hidden .action.medium {
-        display: none; } }
-    @media print, screen and (min-width: 25em) {
-      #action-bar .top-bar-right .menu.action-bar.hidden .action.smedium {
-        display: none; } }
-    @media print, screen and (min-width: 64em) {
-      #action-bar .top-bar-right .menu.action-bar.hidden .action.large {
-        display: none; } }
-    @media screen and (max-width: 24.9375em) {
-      #action-bar .top-bar-right .menu.action-bar.hidden .action.smedium {
-        display: block; }
-        #action-bar .top-bar-right .menu.action-bar.hidden .action.smedium.hidden {
-          display: none; } }
-    @media screen and (max-width: 39.9375em) {
-      #action-bar .top-bar-right .menu.action-bar.hidden .action.medium {
-        display: block; }
-        #action-bar .top-bar-right .menu.action-bar.hidden .action.medium.hidden {
-          display: none; } }
-    @media screen and (max-width: 63.9375em) {
-      #action-bar .top-bar-right .menu.action-bar.hidden .action.large {
-        display: block; }
-        #action-bar .top-bar-right .menu.action-bar.hidden .action.large.hidden {
-          display: none; } }
-    #action-bar .top-bar-right .menu.action-bar.hidden .action.never {
-      display: block; }
-      #action-bar .top-bar-right .menu.action-bar.hidden .action.never.hidden {
-        display: none; }
-    #action-bar .top-bar-right .menu.action-bar.hidden .action.always {
-      display: none; }
-  #action-bar .top-bar-right .menu .action {
-    z-index: 100; }
-    @media screen and (max-width: 39.9375em) {
-      #action-bar .top-bar-right .menu .action a {
-        width: 100%; } }
-    @media screen and (max-width: 39.9375em) {
-      #action-bar .top-bar-right .menu .action a {
-        padding-left: 0.68rem; } }
-    @media screen and (max-width: 24.9375em) {
-      #action-bar .top-bar-right .menu .action a {
-        padding-left: 0.236rem; } }
-    @media screen and (max-width: 39.9375em) {
-      #action-bar .top-bar-right .menu .action:not(.is-dropdown-submenu-parent) a {
-        padding-right: 0.68rem; } }
-    @media screen and (max-width: 24.9375em) {
-      #action-bar .top-bar-right .menu .action:not(.is-dropdown-submenu-parent) a {
-        padding-right: 0.236rem; } }
-    #action-bar .top-bar-right .menu .action.img a {
-      padding-top: 0; }
-      #action-bar .top-bar-right .menu .action.img a img {
-        vertical-align: inherit;
-        max-height: 1.4rem; }
-  #action-bar .top-bar-right .menu > li > ul.is-dropdown-submenu {
-    min-width: 0; }
-    #action-bar .top-bar-right .menu > li > ul.is-dropdown-submenu .action {
-      display: inherit; }
-  #action-bar .top-bar-right .menu > li.opens-right > ul.is-dropdown-submenu {
-    right: auto;
-    left: auto; }
-    #action-bar .top-bar-right .menu > li.opens-right > ul.is-dropdown-submenu a {
-      text-align: left; }
+  width: auto;
+}
+#action-bar .top-bar-right .menu.action-bar a img + span {
+  display: none;
+}
+#action-bar .top-bar-right .menu.action-bar .action {
+  position: relative;
+  z-index: 9000;
+}
+#action-bar .top-bar-right .menu.action-bar .action.is-dropdown-submenu-parent {
+  z-index: 9001;
+}
+#action-bar .top-bar-right .menu.action-bar .action.hidden {
+  display: none;
+}
+@media screen and (max-width: 24.9375em) {
+  #action-bar .top-bar-right .menu.action-bar .action.smedium {
+    display: none;
+  }
+}
+@media screen and (max-width: 39.9375em) {
+  #action-bar .top-bar-right .menu.action-bar .action li {
+    display: table-cell;
+  }
+  #action-bar .top-bar-right .menu.action-bar .action.medium {
+    display: none;
+  }
+}
+@media screen and (max-width: 63.9375em) {
+  #action-bar .top-bar-right .menu.action-bar .action.large {
+    display: none;
+  }
+}
+#action-bar .top-bar-right .menu.action-bar .action.never {
+  display: none;
+}
+#action-bar .top-bar-right .menu.action-bar.hidden {
+  display: inline-block;
+  position: absolute;
+  z-index: 9000;
+  border: 1px solid #cacaca;
+  padding: 0.2rem;
+  transform: translateX(-100%);
+  text-align: left;
+}
+#action-bar .top-bar-right .menu.action-bar.hidden .action.hidden {
+  display: none;
+}
+#action-bar .top-bar-right .menu.action-bar.hidden .action.is-dropdown-submenu-parent {
+  z-index: 9001;
+}
+#action-bar .top-bar-right .menu.action-bar.hidden .action.is-dropdown-submenu-parent ul.is-dropdown-submenu {
+  top: auto;
+}
+#action-bar .top-bar-right .menu.action-bar.hidden .action.is-dropdown-submenu-parent ul.is-dropdown-submenu > li.action, #action-bar .top-bar-right .menu.action-bar.hidden .action.is-dropdown-submenu-parent ul.is-dropdown-submenu > .close-listener {
+  z-index: 9001;
+}
+#action-bar .top-bar-right .menu.action-bar.hidden .action.is-dropdown-submenu-parent > a:after {
+  display: block;
+  width: 0;
+  height: 0;
+  border: 6px inset;
+  content: "";
+  border-bottom-width: 0;
+  border-top-style: solid;
+  border-color: #ffffff transparent transparent;
+  right: 5px;
+  left: auto;
+  margin-top: -3px;
+}
+#action-bar .top-bar-right .menu.action-bar.hidden .action a {
+  white-space: nowrap;
+}
+#action-bar .top-bar-right .menu.action-bar.hidden .action a img {
+  display: none;
+}
+#action-bar .top-bar-right .menu.action-bar.hidden .action a img + span {
+  display: inherit;
+}
+@media print, screen and (min-width: 40em) {
+  #action-bar .top-bar-right .menu.action-bar.hidden .action.medium {
+    display: none;
+  }
+}
+@media print, screen and (min-width: 25em) {
+  #action-bar .top-bar-right .menu.action-bar.hidden .action.smedium {
+    display: none;
+  }
+}
+@media print, screen and (min-width: 64em) {
+  #action-bar .top-bar-right .menu.action-bar.hidden .action.large {
+    display: none;
+  }
+}
+@media screen and (max-width: 24.9375em) {
+  #action-bar .top-bar-right .menu.action-bar.hidden .action.smedium {
+    display: block;
+  }
+  #action-bar .top-bar-right .menu.action-bar.hidden .action.smedium.hidden {
+    display: none;
+  }
+}
+@media screen and (max-width: 39.9375em) {
+  #action-bar .top-bar-right .menu.action-bar.hidden .action.medium {
+    display: block;
+  }
+  #action-bar .top-bar-right .menu.action-bar.hidden .action.medium.hidden {
+    display: none;
+  }
+}
+@media screen and (max-width: 63.9375em) {
+  #action-bar .top-bar-right .menu.action-bar.hidden .action.large {
+    display: block;
+  }
+  #action-bar .top-bar-right .menu.action-bar.hidden .action.large.hidden {
+    display: none;
+  }
+}
+#action-bar .top-bar-right .menu.action-bar.hidden .action.never {
+  display: block;
+}
+#action-bar .top-bar-right .menu.action-bar.hidden .action.never.hidden {
+  display: none;
+}
+#action-bar .top-bar-right .menu.action-bar.hidden .action.always {
+  display: none;
+}
+#action-bar .top-bar-right .menu .action {
+  z-index: 100;
+}
+@media screen and (max-width: 39.9375em) {
+  #action-bar .top-bar-right .menu .action a {
+    width: 100%;
+  }
+}
+@media screen and (max-width: 39.9375em) {
+  #action-bar .top-bar-right .menu .action a {
+    padding-left: 0.68rem;
+  }
+}
+@media screen and (max-width: 24.9375em) {
+  #action-bar .top-bar-right .menu .action a {
+    padding-left: 0.236rem;
+  }
+}
+@media screen and (max-width: 39.9375em) {
+  #action-bar .top-bar-right .menu .action:not(.is-dropdown-submenu-parent) a {
+    padding-right: 0.68rem;
+  }
+}
+@media screen and (max-width: 24.9375em) {
+  #action-bar .top-bar-right .menu .action:not(.is-dropdown-submenu-parent) a {
+    padding-right: 0.236rem;
+  }
+}
+#action-bar .top-bar-right .menu .action.img a {
+  padding-top: 0;
+}
+#action-bar .top-bar-right .menu .action.img a img {
+  vertical-align: inherit;
+  max-height: 1.4rem;
+}
+#action-bar .top-bar-right .menu > li > ul.is-dropdown-submenu {
+  min-width: 0;
+}
+#action-bar .top-bar-right .menu > li > ul.is-dropdown-submenu .action {
+  display: inherit;
+}
+#action-bar .top-bar-right .menu > li.opens-right > ul.is-dropdown-submenu {
+  right: auto;
+  left: auto;
+}
+#action-bar .top-bar-right .menu > li.opens-right > ul.is-dropdown-submenu a {
+  text-align: left;
+}
 
 .dropdown.menu > li.is-dropdown-submenu-parent > a:after {
-  border-color: #ffffff transparent transparent; }
+  border-color: #ffffff transparent transparent;
+}
 
 form {
-  position: relative; }
+  position: relative;
+}
 
 .sending .sending-loader {
   position: absolute;
@@ -157,83 +219,103 @@ form {
   bottom: 0;
   right: 0;
   z-index: 10;
-  border-radius: 2px; }
-  .sending .sending-loader .loader {
-    position: absolute; }
+  border-radius: 2px;
+}
+.sending .sending-loader .loader {
+  position: absolute;
+}
 
 .sending-loader {
-  display: none; }
+  display: none;
+}
 
 input.notEmpty:invalid {
-  background-color: lightcoral; }
+  background-color: lightcoral;
+}
 
 label {
-  position: relative; }
-  label [type='text'], label [type='password'], label [type='date'], label [type='datetime'], label [type='datetime-local'], label [type='month'], label [type='week'], label [type='email'], label [type='number'], label [type='search'], label [type='tel'], label [type='time'], label [type='url'], label [type='color'], label textarea, label input[type=text], label input:not([type]) {
-    display: block;
-    width: 100%;
-    height: 2.4375rem;
-    margin: 0 0 1rem;
-    padding: 0.5rem;
-    box-shadow: none !important;
-    font-size: 1rem;
-    font-weight: normal;
-    line-height: 1.5;
-    border: none;
-    border-bottom: solid black;
-    outline: 0;
-    margin-bottom: 15px; }
-    label [type='text']:focus, label [type='password']:focus, label [type='date']:focus, label [type='datetime']:focus, label [type='datetime-local']:focus, label [type='month']:focus, label [type='week']:focus, label [type='email']:focus, label [type='number']:focus, label [type='search']:focus, label [type='tel']:focus, label [type='time']:focus, label [type='url']:focus, label [type='color']:focus, label textarea:focus, label input[type=text]:focus, label input:not([type]):focus {
-      border: none;
-      box-shadow: none !important;
-      border-bottom: solid black; }
-    label [type='text']:focus ~ span, label [type='text'].notEmpty:not(:focus) ~ span, label [type='password']:focus ~ span, label [type='password'].notEmpty:not(:focus) ~ span, label [type='date']:focus ~ span, label [type='date'].notEmpty:not(:focus) ~ span, label [type='datetime']:focus ~ span, label [type='datetime'].notEmpty:not(:focus) ~ span, label [type='datetime-local']:focus ~ span, label [type='datetime-local'].notEmpty:not(:focus) ~ span, label [type='month']:focus ~ span, label [type='month'].notEmpty:not(:focus) ~ span, label [type='week']:focus ~ span, label [type='week'].notEmpty:not(:focus) ~ span, label [type='email']:focus ~ span, label [type='email'].notEmpty:not(:focus) ~ span, label [type='number']:focus ~ span, label [type='number'].notEmpty:not(:focus) ~ span, label [type='search']:focus ~ span, label [type='search'].notEmpty:not(:focus) ~ span, label [type='tel']:focus ~ span, label [type='tel'].notEmpty:not(:focus) ~ span, label [type='time']:focus ~ span, label [type='time'].notEmpty:not(:focus) ~ span, label [type='url']:focus ~ span, label [type='url'].notEmpty:not(:focus) ~ span, label [type='color']:focus ~ span, label [type='color'].notEmpty:not(:focus) ~ span, label textarea:focus ~ span, label textarea.notEmpty:not(:focus) ~ span, label input[type=text]:focus ~ span, label input[type=text].notEmpty:not(:focus) ~ span, label input:not([type]):focus ~ span, label input:not([type]).notEmpty:not(:focus) ~ span {
-      top: -11px;
-      left: 0;
-      bottom: 0;
-      font-size: 11px;
-      opacity: 1;
-      color: black; }
-    label [type='text'] ~ span, label [type='password'] ~ span, label [type='date'] ~ span, label [type='datetime'] ~ span, label [type='datetime-local'] ~ span, label [type='month'] ~ span, label [type='week'] ~ span, label [type='email'] ~ span, label [type='number'] ~ span, label [type='search'] ~ span, label [type='tel'] ~ span, label [type='time'] ~ span, label [type='url'] ~ span, label [type='color'] ~ span, label textarea ~ span, label input[type=text] ~ span, label input:not([type]) ~ span {
-      position: absolute;
-      pointer-events: none;
-      left: 10px;
-      bottom: 10px;
-      top: 7px;
-      transition: 0.2s ease all;
-      color: #626262; }
+  position: relative;
+}
+label [type=text], label [type=password], label [type=date], label [type=datetime], label [type=datetime-local], label [type=month], label [type=week], label [type=email], label [type=number], label [type=search], label [type=tel], label [type=time], label [type=url], label [type=color], label textarea, label input[type=text], label input:not([type]) {
+  display: block;
+  width: 100%;
+  height: 2.4375rem;
+  margin: 0 0 1rem;
+  padding: 0.5rem;
+  box-shadow: none !important;
+  font-size: 1rem;
+  font-weight: normal;
+  line-height: 1.5;
+  border: none;
+  border-bottom: solid black;
+  outline: 0;
+  margin-bottom: 15px;
+}
+label [type=text]:focus, label [type=password]:focus, label [type=date]:focus, label [type=datetime]:focus, label [type=datetime-local]:focus, label [type=month]:focus, label [type=week]:focus, label [type=email]:focus, label [type=number]:focus, label [type=search]:focus, label [type=tel]:focus, label [type=time]:focus, label [type=url]:focus, label [type=color]:focus, label textarea:focus, label input[type=text]:focus, label input:not([type]):focus {
+  border: none;
+  box-shadow: none !important;
+  border-bottom: solid black;
+}
+label [type=text]:focus ~ span, label [type=text].notEmpty:not(:focus) ~ span, label [type=password]:focus ~ span, label [type=password].notEmpty:not(:focus) ~ span, label [type=date]:focus ~ span, label [type=date].notEmpty:not(:focus) ~ span, label [type=datetime]:focus ~ span, label [type=datetime].notEmpty:not(:focus) ~ span, label [type=datetime-local]:focus ~ span, label [type=datetime-local].notEmpty:not(:focus) ~ span, label [type=month]:focus ~ span, label [type=month].notEmpty:not(:focus) ~ span, label [type=week]:focus ~ span, label [type=week].notEmpty:not(:focus) ~ span, label [type=email]:focus ~ span, label [type=email].notEmpty:not(:focus) ~ span, label [type=number]:focus ~ span, label [type=number].notEmpty:not(:focus) ~ span, label [type=search]:focus ~ span, label [type=search].notEmpty:not(:focus) ~ span, label [type=tel]:focus ~ span, label [type=tel].notEmpty:not(:focus) ~ span, label [type=time]:focus ~ span, label [type=time].notEmpty:not(:focus) ~ span, label [type=url]:focus ~ span, label [type=url].notEmpty:not(:focus) ~ span, label [type=color]:focus ~ span, label [type=color].notEmpty:not(:focus) ~ span, label textarea:focus ~ span, label textarea.notEmpty:not(:focus) ~ span, label input[type=text]:focus ~ span, label input[type=text].notEmpty:not(:focus) ~ span, label input:not([type]):focus ~ span, label input:not([type]).notEmpty:not(:focus) ~ span {
+  top: -11px;
+  left: 0;
+  bottom: 0;
+  font-size: 11px;
+  opacity: 1;
+  color: black;
+}
+label [type=text] ~ span, label [type=password] ~ span, label [type=date] ~ span, label [type=datetime] ~ span, label [type=datetime-local] ~ span, label [type=month] ~ span, label [type=week] ~ span, label [type=email] ~ span, label [type=number] ~ span, label [type=search] ~ span, label [type=tel] ~ span, label [type=time] ~ span, label [type=url] ~ span, label [type=color] ~ span, label textarea ~ span, label input[type=text] ~ span, label input:not([type]) ~ span {
+  position: absolute;
+  pointer-events: none;
+  left: 10px;
+  bottom: 10px;
+  top: 7px;
+  transition: 0.2s ease all;
+  color: #626262;
+}
 
 .listjs {
-  position: relative; }
-  .listjs label {
-    display: inline-block; }
-    .listjs label input {
-      margin-bottom: 0; }
-  .listjs table {
-    border-collapse: collapse; }
-    .listjs table thead tr th, .listjs table tfoot tr th {
-      text-align: left; }
-      .listjs table thead tr th.sort, .listjs table tfoot tr th.sort {
-        cursor: pointer; }
-    .listjs table tbody.list tr:first-child td {
-      border-top: solid 1px #696969; }
-    .listjs table tbody.list tr:last-child td {
-      border-bottom: solid 1px #696969; }
-    .listjs table tbody.list tr td {
-      border-top: solid 1px #c8c8c8;
-      padding: 0.3rem; }
-  .listjs ul.pagination {
-    float: right;
-    display: inline-block;
-    margin: 0; }
-    .listjs ul.pagination li {
-      display: inline-block;
-      padding-left: 5px;
-      padding-right: 5px;
-      text-decoration: underline; }
-      .listjs ul.pagination li.active, .listjs ul.pagination li.disabled {
-        text-decoration: none; }
-
+  position: relative;
+}
+.listjs label {
+  display: inline-block;
+}
+.listjs label input {
+  margin-bottom: 0;
+}
+.listjs table {
+  border-collapse: collapse;
+}
+.listjs table thead tr th, .listjs table tfoot tr th {
+  text-align: left;
+}
+.listjs table thead tr th.sort, .listjs table tfoot tr th.sort {
+  cursor: pointer;
+}
+.listjs table tbody.list tr:first-child td {
+  border-top: solid 1px #696969;
+}
+.listjs table tbody.list tr:last-child td {
+  border-bottom: solid 1px #696969;
+}
+.listjs table tbody.list tr td {
+  border-top: solid 1px #c8c8c8;
+  padding: 0.3rem;
+}
+.listjs ul.pagination {
+  float: right;
+  display: inline-block;
+  margin: 0;
+}
+.listjs ul.pagination li {
+  display: inline-block;
+  padding-left: 5px;
+  padding-right: 5px;
+  text-decoration: underline;
+}
+.listjs ul.pagination li.active, .listjs ul.pagination li.disabled {
+  text-decoration: none;
+}
 /**
  * Foundation for Sites by ZURB
  * Version 6.4.3
@@ -241,18 +323,21 @@ label {
  * Licensed under MIT Open Source
  */
 *, :after, :before {
-  box-sizing: inherit; }
+  box-sizing: inherit;
+}
 
 html {
   min-height: 100%;
   width: 100%;
   height: 100%;
   font-size: 18px;
-  letter-spacing: 1px; }
+  letter-spacing: 1px;
+}
 
 .max-height {
   height: 100%;
-  min-height: 100%; }
+  min-height: 100%;
+}
 
 body {
   margin: 0;
@@ -265,57 +350,59 @@ body {
   display: flex;
   flex-direction: column;
   background: #fefefe;
-  color: #0a0a0a; }
+  color: #0a0a0a;
+}
 
 footer {
   border-top: #d8d8d8 solid 1px;
-  text-align: center; }
+  text-align: center;
+}
 
 .top-bar .top-bar-title strong {
   vertical-align: middle;
   display: inline-block;
-  /*margin-left: 8px;*/ }
+  /*margin-left: 8px;*/
+}
 
 nav.top-bar {
   color: #FFF;
-  background: red;
   font-size: 20px;
   box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 2px 9px 1px rgba(0, 0, 0, 0.12), 0 4px 2px -2px rgba(0, 0, 0, 0.2);
   padding: 0.6rem;
-  display: block; }
-
-.top-bar ul {
-  background: red !important; }
+  display: block;
+}
 
 button.button, a.button {
   border-radius: 2px;
-  background-color: red; }
-  button.button.disabled, button.button.disabled:hover, button.button.disabled:focus, a.button.disabled, a.button.disabled:hover, a.button.disabled:focus {
-    background-color: red; }
-  button.button:focus, button.button:hover, a.button:focus, a.button:hover {
-    background-color: #e00000; }
-
+}
 .fill-me {
   display: flex;
-  flex-direction: column; }
-  .fill-me.vertical {
-    flex-direction: row; }
-  .fill-me .grow {
-    flex: 1; }
+  flex-direction: column;
+}
+.fill-me.vertical {
+  flex-direction: row;
+}
+.fill-me .grow {
+  flex: 1;
+}
 
 .flex-center {
   flex-direction: column;
   justify-content: center;
   display: flex;
-  align-items: center; }
-  .flex-center > * {
-    max-height: 100%; }
+  align-items: center;
+}
+.flex-center > * {
+  max-height: 100%;
+}
 
 .menu a, .dropdown.menu a {
-  padding: 0.4rem 0.5rem; }
+  padding: 0.4rem 0.5rem;
+}
 
 svg path {
-  fill: currentColor; }
+  fill: currentColor;
+}
 
 div.mainContainer {
   position: relative;
@@ -323,42 +410,52 @@ div.mainContainer {
   max-width: 100%;
   overflow: auto;
   flex: 1;
-  margin: 0.5rem; }
-  div.mainContainer > .row, div.mainContainer #main-content, div.mainContainer #site-content {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0; }
+  margin: 0.5rem;
+}
+div.mainContainer > .row, div.mainContainer #main-content, div.mainContainer #site-content {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
 
 .inline-block {
-  display: inline-block; }
+  display: inline-block;
+}
 
 .right {
-  float: right; }
+  float: right;
+}
 
 #logo-img {
-  max-height: 2.2rem; }
+  max-height: 2.2rem;
+}
 
 a {
   text-decoration: none;
   cursor: pointer;
-  color: inherit; }
+  color: inherit;
+}
 
 a.hidden-link {
   text-decoration: none;
-  color: inherit; }
+  color: inherit;
+}
 
 label {
-  cursor: pointer; }
+  cursor: pointer;
+}
 
 .align-right {
-  text-align: right; }
+  text-align: right;
+}
 
 .view-panel {
-  display: none; }
+  display: none;
+}
 
 .loader {
   left: 50%;
@@ -366,160 +463,212 @@ label {
   position: fixed;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
-  text-align: center; }
-  .loader.inline {
-    left: initial;
-    top: initial;
-    position: initial;
-    -webkit-transform: initial;
-    transform: initial;
-    text-align: center;
-    display: inline; }
-  .loader.small #spinner {
-    transform: scale(0.5); }
-  .loader #spinner {
-    box-sizing: border-box;
-    stroke: #b71c1a;
-    stroke-width: 3px;
-    transform-origin: 50%;
-    animation: line 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite, rotate 1.6s linear infinite; }
+  text-align: center;
+}
+.loader.inline {
+  left: initial;
+  top: initial;
+  position: initial;
+  -webkit-transform: initial;
+  transform: initial;
+  text-align: center;
+  display: inline;
+}
+.loader.small #spinner {
+  transform: scale(0.5);
+}
+.loader #spinner {
+  box-sizing: border-box;
+  stroke: #b71c1a;
+  stroke-width: 3px;
+  transform-origin: 50%;
+  animation: line 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite, rotate 1.6s linear infinite;
+}
 
 @keyframes rotate {
   from {
-    transform: rotate(0); }
+    transform: rotate(0);
+  }
   to {
-    transform: rotate(450deg); } }
+    transform: rotate(450deg);
+  }
+}
 @keyframes line {
   0% {
     stroke-dasharray: 2, 85.964;
-    transform: rotate(0); }
+    transform: rotate(0);
+  }
   50% {
     stroke-dasharray: 65.973, 21.9911;
-    stroke-dashoffset: 0; }
+    stroke-dashoffset: 0;
+  }
   100% {
     stroke-dasharray: 2, 85.964;
     stroke-dashoffset: -65.973;
-    transform: rotate(90deg); } }
+    transform: rotate(90deg);
+  }
+}
 #print-content {
-  display: none; }
+  display: none;
+}
 
 .action-button {
   max-height: 1.7rem;
   margin-left: 0.4rem;
-  margin-right: 0.4rem; }
-  .action-button:hover {
-    background: #e8e8e8; }
+  margin-right: 0.4rem;
+}
+.action-button:hover {
+  background: #e8e8e8;
+}
 
 .vcenter-container {
   width: 100%;
   height: 100%;
-  display: table; }
-  .vcenter-container .vcenter {
-    vertical-align: middle;
-    display: table-cell;
-    flex-direction: column;
-    justify-content: center; }
+  display: table;
+}
+.vcenter-container .vcenter {
+  vertical-align: middle;
+  display: table-cell;
+  flex-direction: column;
+  justify-content: center;
+}
 
 .max-width {
-  width: 100%; }
+  width: 100%;
+}
 
 input, button {
-  letter-spacing: 1px !important; }
+  letter-spacing: 1px !important;
+}
 
 .no-padding {
   padding: 0;
-  border: 0; }
+  border: 0;
+}
 
 .center {
-  text-align: center; }
+  text-align: center;
+}
 
 @media print {
   nav, .mainContainer, footer, #styles {
-    display: none !important; }
+    display: none !important;
+  }
 
   #print-content {
-    display: block !important; } }
+    display: block !important;
+  }
+}
 .overflow-y-auto {
-  overflow-y: auto !important; }
+  overflow-y: auto !important;
+}
 
 .row.no-after:after {
-  content: initial; }
+  content: initial;
+}
 
 .margin-bottom {
-  margin-bottom: 1rem; }
-  @media print, screen and (min-width: 25em) {
-    .margin-bottom {
-      margin-bottom: 2rem; } }
-  @media print, screen and (min-width: 40em) {
-    .margin-bottom {
-      margin-bottom: 3rem; } }
-  @media print, screen and (min-width: 64em) {
-    .margin-bottom {
-      margin-bottom: 4rem; } }
-  @media screen and (min-width: 75em) {
-    .margin-bottom {
-      margin-bottom: 5rem; } }
+  margin-bottom: 1rem;
+}
+@media print, screen and (min-width: 25em) {
+  .margin-bottom {
+    margin-bottom: 2rem;
+  }
+}
+@media print, screen and (min-width: 40em) {
+  .margin-bottom {
+    margin-bottom: 3rem;
+  }
+}
+@media print, screen and (min-width: 64em) {
+  .margin-bottom {
+    margin-bottom: 4rem;
+  }
+}
+@media screen and (min-width: 75em) {
+  .margin-bottom {
+    margin-bottom: 5rem;
+  }
+}
 
 .font-small {
-  font-size: 0.7em; }
+  font-size: 0.7em;
+}
 
 .border-bottom {
-  border-bottom: 1px solid #cacaca; }
+  border-bottom: 1px solid #cacaca;
+}
 
 .border-right {
-  border-right: 1px solid #cacaca; }
+  border-right: 1px solid #cacaca;
+}
 
 .border-left {
-  border-left: 1px solid #cacaca; }
+  border-left: 1px solid #cacaca;
+}
 
 img.logo {
   vertical-align: inherit;
   display: inline-block;
   height: auto;
   max-width: 1.1rem;
-  margin-right: 2px; }
+  margin-right: 2px;
+}
 
 .align-center {
-  text-align: center; }
+  text-align: center;
+}
 
 hr.separator {
-  margin: 1rem 0; }
+  margin: 1rem 0;
+}
 
 .button-line {
-  display: flex; }
-  .button-line .button {
-    flex: 1;
-    margin-left: 1px;
-    margin-right: 1px;
-    padding: 0.5rem 0.77rem; }
+  display: flex;
+}
+.button-line .button {
+  flex: 1;
+  margin-left: 1px;
+  margin-right: 1px;
+  padding: 0.5rem 0.77rem;
+}
 
 @media screen and (max-width: 24.9375em) {
   .small-small {
-    font-size: small; } }
+    font-size: small;
+  }
+}
 
 select {
   border: 0;
-  padding: 0.3rem 0.3rem; }
+  padding: 0.3rem 0.3rem;
+}
 
 .share-icon {
   max-width: 1.5rem;
-  margin: 0.1rem; }
+  margin: 0.1rem;
+}
 
 .hidden {
-  display: none; }
+  display: none;
+}
 
 .no-transition {
-  transition: none !important; }
+  transition: none !important;
+}
 
 img.action-image {
   max-height: 1.4rem;
-  cursor: pointer; }
+  cursor: pointer;
+}
 
 img.back-button {
   max-height: 0.6rem;
   margin-right: 0.2rem;
   cursor: pointer;
-  vertical-align: inherit; }
+  vertical-align: inherit;
+}
 
 .no-margin-bottom {
-  margin-bottom: 0; }
+  margin-bottom: 0;
+}
diff --git a/public/core/css/settingsSite.css b/public/core/css/settingsSite.css
index 3a7ff58..7d9286b 100755
--- a/public/core/css/settingsSite.css
+++ b/public/core/css/settingsSite.css
@@ -7,11 +7,53 @@
 .settings-container {
   border: 1px solid black;
   border-radius: 2px;
-  padding: 0.3rem; }
-  @media print, screen and (min-width: 40em) {
-    .settings-container #settings-fragments-container {
-      border-left: 1px solid #cacaca; } }
-  .settings-container #settings-fragments-container #settings-fragments > * {
-    display: none; }
-    .settings-container #settings-fragments-container #settings-fragments > *.active {
-      display: block; }
+  padding: 0.3rem;
+}
+@media print, screen and (min-width: 40em) {
+  .settings-container #settings-fragments-container {
+    border-left: 1px solid #cacaca;
+  }
+}
+.settings-container #settings-fragments-container #settings-fragments > * {
+  display: none;
+}
+.settings-container #settings-fragments-container #settings-fragments > *.active {
+  display: block;
+}
+
+.switch {
+  position: relative;
+  display: inline-block;
+}
+.switch input {
+  display: none;
+}
+.switch input:checked + .slider:before {
+  transform: translateX(1.5rem);
+}
+.switch .slider {
+  display: inline-block;
+  position: relative;
+  cursor: pointer;
+  width: 3rem;
+  height: 1.5rem;
+  border-radius: 1.5rem;
+  background-color: #ccc;
+  transition: 0.4s;
+}
+.switch .slider:before {
+  position: absolute;
+  content: "";
+  height: 1.1rem;
+  width: 1.1rem;
+  left: 0.2rem;
+  bottom: 0.2rem;
+  background-color: white;
+  transition: 0.4s;
+  border-radius: 50%;
+}
+.switch img {
+  width: 1.4rem;
+  display: inline;
+  vertical-align: initial;
+}
diff --git a/public/core/css/style.css b/public/core/css/style.css
index 5cda5df..9a7a316 100755
--- a/public/core/css/style.css
+++ b/public/core/css/style.css
@@ -1,13 +1,16 @@
 .zf-green {
-  color: #68b604; }
+  color: #68b604;
+}
 
 .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
-  float: left; }
+  float: left;
+}
 
 input[type=checkBox].form-control {
   height: 24px;
   height: 1.5rem;
-  width: 100%; }
+  width: 100%;
+}
 
 [type=submit] {
   display: block;
@@ -16,7 +19,7 @@ input[type=checkBox].form-control {
   height: 39px;
   height: 2.4375rem;
   padding: 8px;
-  padding: .5rem;
+  padding: 0.5rem;
   border: 1px solid #cacaca;
   margin: 0 0 16px;
   margin: 0 0 1rem;
@@ -27,71 +30,402 @@ input[type=checkBox].form-control {
   background-color: #fefefe;
   box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
   border-radius: 0;
-  transition: box-shadow .5s, border-color .25s ease-in-out;
+  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
   -webkit-appearance: none;
-  -moz-appearance: none; }
+  -moz-appearance: none;
+}
 
 form ul li {
   color: red;
   font-size: 12.8px;
-  font-size: 0.8rem; }
+  font-size: 0.8rem;
+}
 
 .button-dropdown:after {
   border-color: #000 transparent transparent;
-  border-width: .4em;
+  border-width: 0.4em;
   border-style: solid;
   content: "";
   position: absolute;
-  top: .4em;
+  top: 0.4em;
   display: block;
   height: 0;
   width: 0;
-  right: 1em; }
+  right: 1em;
+}
 
 .button-dropdown {
   position: relative;
   display: block;
-  padding-right: 2em; }
+  padding-right: 2em;
+}
 
 .button-dropdown.open:after {
   border-color: transparent transparent #000;
-  top: 0; }
+  top: 0;
+}
 
 a.ui-datepicker-next, a.ui-datepicker-prev {
-  height: 100% !important; }
+  height: 100% !important;
+}
 
 div.container a.navbar-brand > img {
   display: inline;
-  margin-right: 4px; }
+  margin-right: 4px;
+}
 
 ul.menu.plain li.active a {
   background-color: #ededed;
-  color: #000; }
+  color: #000;
+}
 
 ul.menu.plain li a {
-  color: #000; }
+  color: #000;
+}
 
 ul.menu.plain li a:hover {
-  color: #525252; }
+  color: #525252;
+}
 
 ul.submenu {
   border-top: 1px solid #bcbcbc;
   border-bottom: 1px solid #bcbcbc;
-  margin-left: 10px; }
-
-a.link:hover {
-  text-decoration: underline; }
+  margin-left: 10px;
+}
 
 #cookie-compliance {
   width: 100%;
   margin: 0 0;
-  padding: 0.3rem 0; }
-  #cookie-compliance #close-cookie-msg {
-    float: right;
-    margin-bottom: 0;
-    margin-right: 3px;
-    padding: 0.4rem 0.8rem; }
+  padding: 0.3rem 0;
+}
+#cookie-compliance #close-cookie-msg {
+  float: right;
+  margin-bottom: 0;
+  margin-right: 3px;
+  padding: 0.4rem 0.8rem;
+}
 
 .menu-container .button {
   text-align: center;
-  width: 100%; }
+  width: 100%;
+}
+
+.height-5 {
+  height: 5%;
+}
+
+.max-height-5 {
+  max-height: 5%;
+}
+
+.width-5 {
+  width: 5%;
+}
+
+.max-width-5 {
+  max-width: 5%;
+}
+
+.height-10 {
+  height: 10%;
+}
+
+.max-height-10 {
+  max-height: 10%;
+}
+
+.width-10 {
+  width: 10%;
+}
+
+.max-width-10 {
+  max-width: 10%;
+}
+
+.height-15 {
+  height: 15%;
+}
+
+.max-height-15 {
+  max-height: 15%;
+}
+
+.width-15 {
+  width: 15%;
+}
+
+.max-width-15 {
+  max-width: 15%;
+}
+
+.height-20 {
+  height: 20%;
+}
+
+.max-height-20 {
+  max-height: 20%;
+}
+
+.width-20 {
+  width: 20%;
+}
+
+.max-width-20 {
+  max-width: 20%;
+}
+
+.height-25 {
+  height: 25%;
+}
+
+.max-height-25 {
+  max-height: 25%;
+}
+
+.width-25 {
+  width: 25%;
+}
+
+.max-width-25 {
+  max-width: 25%;
+}
+
+.height-30 {
+  height: 30%;
+}
+
+.max-height-30 {
+  max-height: 30%;
+}
+
+.width-30 {
+  width: 30%;
+}
+
+.max-width-30 {
+  max-width: 30%;
+}
+
+.height-35 {
+  height: 35%;
+}
+
+.max-height-35 {
+  max-height: 35%;
+}
+
+.width-35 {
+  width: 35%;
+}
+
+.max-width-35 {
+  max-width: 35%;
+}
+
+.height-40 {
+  height: 40%;
+}
+
+.max-height-40 {
+  max-height: 40%;
+}
+
+.width-40 {
+  width: 40%;
+}
+
+.max-width-40 {
+  max-width: 40%;
+}
+
+.height-45 {
+  height: 45%;
+}
+
+.max-height-45 {
+  max-height: 45%;
+}
+
+.width-45 {
+  width: 45%;
+}
+
+.max-width-45 {
+  max-width: 45%;
+}
+
+.height-50 {
+  height: 50%;
+}
+
+.max-height-50 {
+  max-height: 50%;
+}
+
+.width-50 {
+  width: 50%;
+}
+
+.max-width-50 {
+  max-width: 50%;
+}
+
+.height-55 {
+  height: 55%;
+}
+
+.max-height-55 {
+  max-height: 55%;
+}
+
+.width-55 {
+  width: 55%;
+}
+
+.max-width-55 {
+  max-width: 55%;
+}
+
+.height-60 {
+  height: 60%;
+}
+
+.max-height-60 {
+  max-height: 60%;
+}
+
+.width-60 {
+  width: 60%;
+}
+
+.max-width-60 {
+  max-width: 60%;
+}
+
+.height-65 {
+  height: 65%;
+}
+
+.max-height-65 {
+  max-height: 65%;
+}
+
+.width-65 {
+  width: 65%;
+}
+
+.max-width-65 {
+  max-width: 65%;
+}
+
+.height-70 {
+  height: 70%;
+}
+
+.max-height-70 {
+  max-height: 70%;
+}
+
+.width-70 {
+  width: 70%;
+}
+
+.max-width-70 {
+  max-width: 70%;
+}
+
+.height-75 {
+  height: 75%;
+}
+
+.max-height-75 {
+  max-height: 75%;
+}
+
+.width-75 {
+  width: 75%;
+}
+
+.max-width-75 {
+  max-width: 75%;
+}
+
+.height-80 {
+  height: 80%;
+}
+
+.max-height-80 {
+  max-height: 80%;
+}
+
+.width-80 {
+  width: 80%;
+}
+
+.max-width-80 {
+  max-width: 80%;
+}
+
+.height-85 {
+  height: 85%;
+}
+
+.max-height-85 {
+  max-height: 85%;
+}
+
+.width-85 {
+  width: 85%;
+}
+
+.max-width-85 {
+  max-width: 85%;
+}
+
+.height-90 {
+  height: 90%;
+}
+
+.max-height-90 {
+  max-height: 90%;
+}
+
+.width-90 {
+  width: 90%;
+}
+
+.max-width-90 {
+  max-width: 90%;
+}
+
+.height-95 {
+  height: 95%;
+}
+
+.max-height-95 {
+  max-height: 95%;
+}
+
+.width-95 {
+  width: 95%;
+}
+
+.max-width-95 {
+  max-width: 95%;
+}
+
+.height-100 {
+  height: 100%;
+}
+
+.max-height-100 {
+  max-height: 100%;
+}
+
+.width-100 {
+  width: 100%;
+}
+
+.max-width-100 {
+  max-width: 100%;
+}
diff --git a/public/core/css/theme.css b/public/core/css/theme.css
index 9104077..26b7d86 100755
--- a/public/core/css/theme.css
+++ b/public/core/css/theme.css
@@ -1,91 +1,234 @@
 * {
-  transition: .25s ease-out, color .25s ease-out; }
+  transition: 0.25s ease-out, color 0.25s ease-out;
+}
 
 body #cookie-compliance {
   background-color: #870015;
-  color: white; }
+  color: white;
+}
+body #cookie-compliance a.link {
+  color: #ff3d00;
+  border-bottom-color: #ff3d00;
+}
+body #cookie-compliance a.link:hover {
+  color: #ff3d00;
+  border-bottom-color: #ff3d00;
+}
 body a.link {
-  color: #ff3d00; }
+  text-decoration: none;
+  color: #ff3d00;
+  border-bottom: none;
+}
+body a.link:hover {
+  color: #ff3d00;
+  border-bottom-color: #ff3d00;
+}
+body .loader #spinner {
+  stroke: #b71c1a;
+}
+body nav.top-bar {
+  color: white;
+  background: red;
+}
+body .top-bar ul {
+  background: red !important;
+}
+body .top-bar ul a {
+  color: black;
+}
+body button.button, body a.button {
+  background-color: red;
+}
+body button.button.disabled, body button.button.disabled:hover, body button.button.disabled:focus, body button.button:hover, body a.button.disabled, body a.button.disabled:hover, body a.button.disabled:focus, body a.button:hover {
+  background-color: red;
+}
+body .switch input:checked + .slider {
+  background-color: red;
+}
+body .switch input:focus + .slider {
+  box-shadow: 0 0 1px red;
+}
 body.blue #cookie-compliance {
   background-color: #1a3062;
-  color: white; }
+  color: white;
+}
+body.blue #cookie-compliance a.link {
+  color: #546cfe;
+  border-bottom-color: #546cfe;
+}
+body.blue #cookie-compliance a.link:hover {
+  color: #546cfe;
+  border-bottom-color: #546cfe;
+}
 body.blue a.link {
-  color: #546cfe; }
-body.blue .loader #spinner {
-  stroke: #673AB7; }
-body.blue nav.top-bar {
-  color: #FFF;
-  background: #2c58ae; }
-body.blue .top-bar ul {
-  background: #2c58ae !important; }
-  body.blue .top-bar ul a {
-    color: #FFF; }
-body.blue button.button, body.blue a.button {
-  background-color: #2c58ae; }
-  body.blue button.button.disabled, body.blue button.button.disabled:hover, body.blue button.button.disabled:focus, body.blue a.button.disabled, body.blue a.button.disabled:hover, body.blue a.button.disabled:focus {
-    background-color: #2c58ae; }
-body.black #cookie-compliance {
-  background-color: #353535;
-  color: white; }
-  body.black #cookie-compliance a.link {
-    color: white;
-    border-bottom-color: white; }
-    body.black #cookie-compliance a.link:hover {
-      color: #cacaca;
-      border-bottom-color: #cacaca; }
-body.black a.link {
-  color: #000000;
   text-decoration: none;
-  border-bottom: 1px solid #000000; }
-  body.black a.link:hover {
-    color: #4e4e4e;
-    border-bottom-color: #4e4e4e; }
-body.black .loader #spinner {
-  stroke: black; }
-body.black nav.top-bar {
-  color: #FFF;
-  background: #000000; }
-body.black .top-bar ul {
-  background: #000000 !important; }
-  body.black .top-bar ul a {
-    color: #FFF; }
-body.black button.button, body.black a.button {
-  background-color: black; }
-  body.black button.button.disabled, body.black button.button.disabled:hover, body.black button.button.disabled:focus, body.black a.button.disabled, body.black a.button.disabled:hover, body.black a.button.disabled:focus {
-    background-color: black; }
+  color: #546cfe;
+  border-bottom: none;
+}
+body.blue a.link:hover {
+  color: #546cfe;
+  border-bottom-color: #546cfe;
+}
+body.blue .loader #spinner {
+  stroke: #673AB7;
+}
+body.blue nav.top-bar {
+  color: white;
+  background: #2c58ae;
+}
+body.blue .top-bar ul {
+  background: #2c58ae !important;
+}
+body.blue .top-bar ul a {
+  color: black;
+}
+body.blue button.button, body.blue a.button {
+  background-color: #2c58ae;
+}
+body.blue button.button.disabled, body.blue button.button.disabled:hover, body.blue button.button.disabled:focus, body.blue button.button:hover, body.blue a.button.disabled, body.blue a.button.disabled:hover, body.blue a.button.disabled:focus, body.blue a.button:hover {
+  background-color: #2c58ae;
+}
+body.blue .switch input:checked + .slider {
+  background-color: #2c58ae;
+}
+body.blue .switch input:focus + .slider {
+  box-shadow: 0 0 1px #2c58ae;
+}
 body.green #cookie-compliance {
   background-color: #003613;
-  color: white; }
+  color: white;
+}
+body.green #cookie-compliance a.link {
+  color: #009829;
+  border-bottom-color: #009829;
+}
+body.green #cookie-compliance a.link:hover {
+  color: #009829;
+  border-bottom-color: #009829;
+}
 body.green a.link {
-  color: #009829; }
+  text-decoration: none;
+  color: #009829;
+  border-bottom: none;
+}
+body.green a.link:hover {
+  color: #009829;
+  border-bottom-color: #009829;
+}
 body.green .loader #spinner {
-  stroke: green; }
+  stroke: green;
+}
 body.green nav.top-bar {
-  color: #FFF;
-  background: green; }
+  color: white;
+  background: green;
+}
 body.green .top-bar ul {
-  background: green !important; }
-  body.green .top-bar ul a {
-    color: #FFF; }
+  background: green !important;
+}
+body.green .top-bar ul a {
+  color: black;
+}
 body.green button.button, body.green a.button {
-  background-color: green; }
-  body.green button.button.disabled, body.green button.button.disabled:hover, body.green button.button.disabled:focus, body.green a.button.disabled, body.green a.button.disabled:hover, body.green a.button.disabled:focus {
-    background-color: green; }
+  background-color: green;
+}
+body.green button.button.disabled, body.green button.button.disabled:hover, body.green button.button.disabled:focus, body.green button.button:hover, body.green a.button.disabled, body.green a.button.disabled:hover, body.green a.button.disabled:focus, body.green a.button:hover {
+  background-color: green;
+}
+body.green .switch input:checked + .slider {
+  background-color: green;
+}
+body.green .switch input:focus + .slider {
+  box-shadow: 0 0 1px green;
+}
 body.pink #cookie-compliance {
   background-color: #70374a;
-  color: white; }
+  color: white;
+}
+body.pink #cookie-compliance a.link {
+  color: #fe64af;
+  border-bottom-color: #fe64af;
+}
+body.pink #cookie-compliance a.link:hover {
+  color: #fe64af;
+  border-bottom-color: #fe64af;
+}
 body.pink a.link {
-  color: #fe64af; }
+  text-decoration: none;
+  color: #fe64af;
+  border-bottom: none;
+}
+body.pink a.link:hover {
+  color: #fe64af;
+  border-bottom-color: #fe64af;
+}
 body.pink .loader #spinner {
-  stroke: #ff69b4; }
+  stroke: #ff69b4;
+}
 body.pink nav.top-bar {
-  color: #FFF;
-  background: #ff69b4; }
+  color: white;
+  background: #ff69b4;
+}
 body.pink .top-bar ul {
-  background: #ff69b4 !important; }
-  body.pink .top-bar ul a {
-    color: #FFF; }
+  background: #ff69b4 !important;
+}
+body.pink .top-bar ul a {
+  color: black;
+}
 body.pink button.button, body.pink a.button {
-  background-color: #ff69b4; }
-  body.pink button.button.disabled, body.pink button.button.disabled:hover, body.pink button.button.disabled:focus, body.pink a.button.disabled, body.pink a.button.disabled:hover, body.pink a.button.disabled:focus {
-    background-color: #ff69b4; }
+  background-color: #ff69b4;
+}
+body.pink button.button.disabled, body.pink button.button.disabled:hover, body.pink button.button.disabled:focus, body.pink button.button:hover, body.pink a.button.disabled, body.pink a.button.disabled:hover, body.pink a.button.disabled:focus, body.pink a.button:hover {
+  background-color: #ff69b4;
+}
+body.pink .switch input:checked + .slider {
+  background-color: #ff69b4;
+}
+body.pink .switch input:focus + .slider {
+  box-shadow: 0 0 1px #ff69b4;
+}
+body.black #cookie-compliance {
+  background-color: #353535;
+  color: white;
+}
+body.black #cookie-compliance a.link {
+  color: white;
+  border-bottom-color: white;
+}
+body.black #cookie-compliance a.link:hover {
+  color: #cacaca;
+  border-bottom-color: #cacaca;
+}
+body.black a.link {
+  text-decoration: none;
+  color: black;
+  border-bottom: 1px solid #000000;
+}
+body.black a.link:hover {
+  color: #4e4e4e;
+  border-bottom-color: #4e4e4e;
+}
+body.black .loader #spinner {
+  stroke: black;
+}
+body.black nav.top-bar {
+  color: white;
+  background: black;
+}
+body.black .top-bar ul {
+  background: black !important;
+}
+body.black .top-bar ul a {
+  color: black;
+}
+body.black button.button, body.black a.button {
+  background-color: black;
+}
+body.black button.button.disabled, body.black button.button.disabled:hover, body.black button.button.disabled:focus, body.black button.button:hover, body.black a.button.disabled, body.black a.button.disabled:hover, body.black a.button.disabled:focus, body.black a.button:hover {
+  background-color: black;
+}
+body.black .switch input:checked + .slider {
+  background-color: black;
+}
+body.black .switch input:focus + .slider {
+  box-shadow: 0 0 1px black;
+}
diff --git a/public/css/wordRotator.css b/public/css/wordRotator.css
index 23ecc0c..90cebcc 100755
--- a/public/css/wordRotator.css
+++ b/public/css/wordRotator.css
@@ -1,2 +1,2 @@
-nav.top-bar.title-bar{padding:.3rem .6rem 0}#action-bar .top-bar-right .menu .action.img a{padding-bottom:0}#action-bar .top-bar-right .menu .action.img a img{max-height:1.8rem}.dropdown.menu a,.menu a{padding:.2rem .5rem}#level-number-container{z-index:1;-webkit-transition:none;transition:none;position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);border:3px solid #fff;border-radius:50%;visibility:hidden;display:table-cell;height:35px;width:35px;text-align:center;vertical-align:middle}#level-number-container.visible{visibility:visible}#level-number-container.in-main-menu{background:#fff;border-color:#000;height:1em;width:1em;min-height:1em;min-width:1em;max-height:1em;max-width:1em}#level-number-container #level-number{-webkit-transition:none;transition:none;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-weight:700}.coin-counter{display:inline-block;position:relative;font-size:1.6rem}.coin-counter :after{background-image:url(../img/coinTower.png);background-size:28px 28px;width:28px;height:28px;display:inline-block;content:""}#coin-container{height:30px}#coin-container .coin{margin-left:3px;margin-right:3px;max-width:30px;display:inline-block}.height-10{height:10%}.width-10{width:10%}.height-20{height:20%}.width-20{width:20%}.height-30{height:30%}.width-30{width:30%}.height-40{height:40%}.width-40{width:40%}.height-50{height:50%}.width-50{width:50%}.height-60{height:60%}.width-60{width:60%}.height-70{height:70%}.width-70{width:70%}.height-80{height:80%}.width-80{width:80%}.height-90{height:90%}.width-90{width:90%}.height-100{height:100%}.width-100{width:100%}@-webkit-keyframes rotate-90{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotate-90{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@-webkit-keyframes rotate-reverse-90{0%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotate-reverse-90{0%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@-webkit-keyframes rotate-180{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes rotate-180{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@-webkit-keyframes rotate-reverse-180{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes rotate-reverse-180{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@-webkit-keyframes rotate-270{0%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotate-270{0%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes rotate-reverse-270{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotate-reverse-270{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes rotate-360{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-360{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes rotate-reverse-360{0%{-webkit-transform:rotate(450deg);transform:rotate(450deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-reverse-360{0%{-webkit-transform:rotate(450deg);transform:rotate(450deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.segment:not(.segment-row):not(.segment-triangle).rotating{z-index:10!important;overflow:hidden}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-90;animation-name:rotate-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-180;animation-name:rotate-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-270;animation-name:rotate-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-360;animation-name:rotate-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90.reverse{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90.reverse>.child-container>.segment{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90.reverse>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90.reverse>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90.reverse>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90.reverse>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-360;animation-name:rotate-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-90;animation-name:rotate-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-180;animation-name:rotate-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-270;animation-name:rotate-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180.reverse{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180.reverse>.child-container>.segment{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180.reverse>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180.reverse>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180.reverse>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180.reverse>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-270;animation-name:rotate-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-360;animation-name:rotate-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-90;animation-name:rotate-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-180;animation-name:rotate-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270.reverse{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270.reverse>.child-container>.segment{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270.reverse>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270.reverse>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270.reverse>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270.reverse>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-180;animation-name:rotate-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-270;animation-name:rotate-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-360;animation-name:rotate-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-90;animation-name:rotate-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360.reverse{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360.reverse>.child-container>.segment{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360.reverse>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360.reverse>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360.reverse>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360.reverse>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-90{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-90.rotating{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-90.rotating.reverse{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-180{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-180.rotating{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-180.rotating.reverse{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-270{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-270.rotating{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-270.rotating.reverse{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-360{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-360.rotating{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-360.rotating.reverse{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180,.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-90{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-90.rotating{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-90.rotating.reverse{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-180{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-180.rotating{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-180.rotating.reverse{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-270{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-270.rotating{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-270.rotating.reverse{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-360{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-360.rotating{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-360.rotating.reverse{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-90{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-90.rotating{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-90.rotating.reverse{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-180{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-180.rotating{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-180.rotating.reverse{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-270{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-270.rotating{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-270.rotating.reverse{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-360{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-360.rotating{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-360.rotating.reverse{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment{-webkit-transform:rotate(0deg);transform:rotate(0deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-90.rotating{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-90.rotating.reverse{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-180.rotating{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-180.rotating.reverse{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-270.rotating{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-270.rotating.reverse{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-360{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-360.rotating{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-360.rotating.reverse{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}#level{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;max-width:100%;-webkit-tap-highlight-color:rgba(255,255,255,0);overflow-y:visible}#level,#level *,.segment{-webkit-transition:none;transition:none}.segment{vertical-align:top;white-space:normal;cursor:pointer;display:inline-block;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1;background-color:#fff;line-height:0}.segment.segment-row{display:block;width:100%;-webkit-animation:none!important;animation:none!important;white-space:nowrap}.segment.segment-leaf{background-color:transparent;min-width:1em;padding:.8em}.segment.segment-leaf:before{content:" ";display:block;padding-top:100%}.segment.segment-leaf .leaf-element{position:absolute;width:100%;height:100%;line-height:1.5em;top:0;left:0}.segment.segment-parent{border:1px solid #a9a9a9;border-radius:3px;padding:1px}.segment.segment-parent.layer-2{border:3px solid #000}#site-content>:not(.won) .segment.locked,#site-content>:not(.won) .segment.locked>.child-container>.segment-leaf{border-color:#3adb76;background-color:#9ffbb5!important}#site-content>:not(.won) .show-when-won{display:none}.level-container{-webkit-transition:none;transition:none}.won .show-while-playing{display:none}.text-right{text-align:right}#continue-button{margin-bottom:2px}
+nav.top-bar.title-bar{padding:.3rem .6rem 0}#action-bar .top-bar-right .menu .action.img a{padding-bottom:0}#action-bar .top-bar-right .menu .action.img a img{max-height:1.8rem}.dropdown.menu a,.menu a{padding:.2rem .5rem}#level-number-container{z-index:1;-webkit-transition:none;transition:none;position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);border:3px solid #fff;border-radius:50%;visibility:hidden;display:table-cell;height:35px;width:35px;text-align:center;vertical-align:middle}#level-number-container.visible{visibility:visible}#level-number-container.in-main-menu{background:#fff;border-color:#000;height:1em;width:1em;min-height:1em;min-width:1em;max-height:1em;max-width:1em}#level-number-container #level-number{-webkit-transition:none;transition:none;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-weight:700}.coin-counter{display:inline-block;position:relative;font-size:1.6rem}.coin-counter :after{background-image:url(../img/coinTower.png);background-size:28px 28px;width:28px;height:28px;display:inline-block;content:""}#coin-container{height:30px}#coin-container .coin{margin-left:3px;margin-right:3px;max-width:30px;display:inline-block}@-webkit-keyframes rotate-90{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotate-90{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@-webkit-keyframes rotate-reverse-90{0%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotate-reverse-90{0%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@-webkit-keyframes rotate-180{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes rotate-180{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@-webkit-keyframes rotate-reverse-180{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes rotate-reverse-180{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@-webkit-keyframes rotate-270{0%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotate-270{0%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes rotate-reverse-270{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotate-reverse-270{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes rotate-360{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-360{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes rotate-reverse-360{0%{-webkit-transform:rotate(450deg);transform:rotate(450deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-reverse-360{0%{-webkit-transform:rotate(450deg);transform:rotate(450deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.segment:not(.segment-row):not(.segment-triangle).rotating{z-index:10!important;overflow:hidden}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-90;animation-name:rotate-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-180;animation-name:rotate-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-270;animation-name:rotate-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-360;animation-name:rotate-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90.reverse{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90.reverse>.child-container>.segment{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90.reverse>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90.reverse>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90.reverse>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90.reverse>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-360;animation-name:rotate-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-90;animation-name:rotate-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-180;animation-name:rotate-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-270;animation-name:rotate-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180.reverse{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180.reverse>.child-container>.segment{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180.reverse>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180.reverse>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180.reverse>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180.reverse>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-270;animation-name:rotate-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-360;animation-name:rotate-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-90;animation-name:rotate-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-180;animation-name:rotate-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270.reverse{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270.reverse>.child-container>.segment{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270.reverse>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270.reverse>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270.reverse>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270.reverse>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-180;animation-name:rotate-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-270;animation-name:rotate-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-360;animation-name:rotate-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-90;animation-name:rotate-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360.reverse{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360.reverse>.child-container>.segment{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360.reverse>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360.reverse>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360.reverse>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360.reverse>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-90{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-90.rotating{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-90.rotating.reverse{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-180{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-180.rotating{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-180.rotating.reverse{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-270{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-270.rotating{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-270.rotating.reverse{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-360{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-360.rotating{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-360.rotating.reverse{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180,.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-90{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-90.rotating{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-90.rotating.reverse{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-180{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-180.rotating{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-180.rotating.reverse{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-270{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-270.rotating{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-270.rotating.reverse{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-360{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-360.rotating{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-360.rotating.reverse{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-90{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-90.rotating{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-90.rotating.reverse{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-180{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-180.rotating{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-180.rotating.reverse{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-270{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-270.rotating{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-270.rotating.reverse{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-360{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-360.rotating{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-360.rotating.reverse{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment{-webkit-transform:rotate(0deg);transform:rotate(0deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-90.rotating{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-90.rotating.reverse{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-180.rotating{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-180.rotating.reverse{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-270.rotating{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-270.rotating.reverse{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-360{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-360.rotating{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-360.rotating.reverse{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}#level{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;max-width:100%;-webkit-tap-highlight-color:rgba(255,255,255,0);overflow-y:visible}#level,#level *,.segment{-webkit-transition:none;transition:none}.segment{vertical-align:top;white-space:normal;cursor:pointer;display:inline-block;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1;background-color:#fff;line-height:0}.segment.segment-row{display:block;width:100%;-webkit-animation:none!important;animation:none!important;white-space:nowrap}.segment.segment-leaf{background-color:transparent;min-width:1em;padding:.8em}.segment.segment-leaf:before{content:" ";display:block;padding-top:100%}.segment.segment-leaf .leaf-element{position:absolute;width:100%;height:100%;line-height:1.5em;top:0;left:0}.segment.segment-parent{border:1px solid #a9a9a9;border-radius:3px;padding:1px}.segment.segment-parent.layer-2{border:3px solid #000}#site-content>:not(.won) .segment.locked,#site-content>:not(.won) .segment.locked>.child-container>.segment-leaf{border-color:#3adb76;background-color:#9ffbb5!important}#site-content>:not(.won) .show-when-won{display:none}.level-container{-webkit-transition:none;transition:none}.won .show-while-playing{display:none}.text-right{text-align:right}#continue-button{margin-bottom:2px}
 /*# sourceMappingURL=wordRotator.css.map */
\ No newline at end of file
diff --git a/public/html/application/menu.html b/public/html/application/menu.html
index 465306b..dbb0aed 100644
--- a/public/html/application/menu.html
+++ b/public/html/application/menu.html
@@ -1 +1 @@
-<div class="max-height flex-center"><div id=segment-leaf-template class="segment segment-leaf"><div class=leaf-element></div></div><div id=segment-parent-template class="segment segment-parent"><div class=child-container></div></div><div id=segment-row-template class="segment segment-row"><div class=child-container></div></div><div id=segment-triangle-template class="segment segment-triangle"><div class=child-container></div></div><div class="height-60 max-width flex-center"><div id=level></div><span id=level-number-container class="visible in-main-menu"><span id=level-number>1</span></span></div><div class="height-20 max-width flex-center"><button class="button max-height text-center" id=play-button><span data-translation=play></span></button></div></div>
\ No newline at end of file
+<div class="max-height flex-center"><div id=segment-leaf-template class="segment segment-leaf"><div class=leaf-element></div></div><div id=segment-parent-template class="segment segment-parent"><div class=child-container></div></div><div id=segment-row-template class="segment segment-row"><div class=child-container></div></div><div id=segment-triangle-template class="segment segment-triangle"><div class=child-container></div></div><div class="height-60 max-width flex-center"><div id=level></div><span id=level-number-container class="visible in-main-menu"><span id=level-number>1</span></span></div><div class="height-30 flex-center fill-me"><button class="button grow text-center" id=play-button><span data-translation=play></span></button><div class=max-width><label class=switch><img src=img/speaker.svg> <input type=checkbox class=setting id=play-sound> <span class=slider></span></label> <label class="switch right"><img src=img/music.svg> <input type=checkbox class=setting id=play-music> <span class=slider></span></label></div></div></div>
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index bebc301..33f50ab 100755
--- a/public/index.html
+++ b/public/index.html
@@ -106,7 +106,7 @@
 </div>
 <footer>
     <!--<a data-site-name='policy' class='deep-link' data-translation="policy-heading">Privacy Policy</a>-->
-    <a href="https://apps.silas.link" target="_blank" data-translation="other-apps">Other Apps</a>
+    <a href="https://apps.silas.link" target="_blank" rel = "noopener" data-translation="other-apps">Other Apps</a>
 </footer>
 <script>
 
diff --git a/public/js/app.js b/public/js/app.js
index 71150fb..af13d86 100755
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -4703,12 +4703,16 @@ class SoundManager {
         audioObject.volume = Helper.nonNull(options.volume, audioObject.volume, 1);
         audioObject.loop = Helper.nonNull(options.loop, audioObject.loop, false);
         audioObject.timeOffset = Helper.nonNull(options.timeOffset, audioObject.timeOffset, 0);
+        this.channels[channel] = audioObject;
+
+        console.log(options);
 
         if (audioObject.muted){
             this.stop(channel);
         }
-
-        this.channels[channel] = audioObject;
+        else if (Helper.isNotNull(options.muted) && options.muted === false){
+            // this.play(channel);
+        }
 
         return this.channels[channel];
     }
@@ -4727,13 +4731,12 @@ class SoundManager {
         this.stop(channel);
         this.set(audioOrOptions, channel);
 
+        console.log(this.channels[channel]);
         if (!this.channels[channel].muted) {
             let buffer = await this.channels[channel].loadedPromise;
             let source = this.context.createBufferSource();
             source.buffer = buffer;
             source.connect(this.context.destination);
-            // source.loopStart = 5;
-            // source.loopEnd = 5;
             source.loop = this.channels[channel].loop;
             source.start(0);
             this.channels[channel].source = source;
@@ -5763,8 +5766,10 @@ class LevelSite extends WordRotatorBaseSite {
             coinCounterTimer: null,
         };
 
+        let settingsManager = SettingsManager.getInstance();
+
         let soundManager = SoundManager.getInstance();
-        soundManager.set("sound/single_coin_fall_on_concrete_.mp3", SoundManager.CHANNELS.SOUND);
+        soundManager.set({audio: "sound/single_coin_fall_on_concrete_.mp3", muted: !settingsManager.getSetting("play-sound")}, SoundManager.CHANNELS.SOUND);
 
         return super.onConstruct(args);
     }
@@ -6143,6 +6148,29 @@ class MenuSite extends WordRotatorBaseSite {
                 }
             });
         }
+
+        let settingsManager = SettingsManager.getInstance();
+        let soundManager = SoundManager.getInstance();
+
+        let playMusicButton = this.findBy("#play-music");
+        playMusicButton.checked = settingsManager.getSetting("play-music", true);
+        playMusicButton.addEventListener("change", () => {
+            settingsManager.setSetting("play-music", playMusicButton.checked);
+            soundManager.set({muted: !playMusicButton.checked}, SoundManager.CHANNELS.MUSIC);
+            if (playMusicButton.checked){
+                soundManager.play(SoundManager.CHANNELS.MUSIC);
+            }
+        });
+
+        let playSoundButton = this.findBy("#play-sound");
+        playSoundButton.checked = settingsManager.getSetting("play-sound", true);
+        playSoundButton.addEventListener("change", () => {
+            settingsManager.setSetting("play-sound", playSoundButton.checked);
+            soundManager.set({muted: !playSoundButton.checked}, SoundManager.CHANNELS.SOUND);
+            // if (playSoundButton.checked){
+            //     soundManager.play(SoundManager.CHANNELS.MUSIC);
+            // }
+        });
     }
 
     onPause(args) {
@@ -6304,8 +6332,10 @@ LoginSite.addLoginAction = false;
 InitPromise.resolve(app).then(function(){
     SettingsSite.settingsAction.showFor = MenuAction.SHOW_ALWAYS;
 
+    let settingsManager = SettingsManager.getInstance();
+
     let soundManager = SoundManager.getInstance();
-    soundManager.play(SoundManager.CHANNELS.MUSIC, {audio: "sound/brightAndBeautifull__.wav", loop: true, volume: 0.3});
+    soundManager.play(SoundManager.CHANNELS.MUSIC, {audio: "sound/brightAndBeautifull__.wav", loop: true, volume: 0.3, muted: !settingsManager.getSetting("play-music", true)});
 
     app.start(SynchronizeSite);
     Translator.setLanguage("de");
diff --git a/src/js/init.js b/src/js/init.js
index 1c76190..06aa84f 100755
--- a/src/js/init.js
+++ b/src/js/init.js
@@ -17,7 +17,7 @@ import "./lib/pwa-code-management"
 import "./lib/pwa-user-management"
 
 import {SynchronizeSite} from "../module/Application/pwa/js/site/SynchronizeSite";
-import {SettingsSite} from "./lib/pwa-core";
+import {SettingsManager, SettingsSite} from "./lib/pwa-core";
 applyPolyfills();
 
 import {WordRotatorSettingFragment} from "../module/Application/pwa/js/Fragment/WordRotatorSettingFragment";
@@ -58,8 +58,10 @@ LoginSite.addLoginAction = false;
 InitPromise.resolve(app).then(function(){
     SettingsSite.settingsAction.showFor = MenuAction.SHOW_ALWAYS;
 
+    let settingsManager = SettingsManager.getInstance();
+
     let soundManager = SoundManager.getInstance();
-    soundManager.play(SoundManager.CHANNELS.MUSIC, {audio: "sound/brightAndBeautifull__.wav", loop: true, volume: 0.3});
+    soundManager.play(SoundManager.CHANNELS.MUSIC, {audio: "sound/brightAndBeautifull__.wav", loop: true, volume: 0.3, muted: !settingsManager.getSetting("play-music", true)});
 
     app.start(SynchronizeSite);
     Translator.setLanguage("de");
diff --git a/src/js/lib/pwa-assets.js b/src/js/lib/pwa-assets.js
index 61ae644..dd5a44d 100755
--- a/src/js/lib/pwa-assets.js
+++ b/src/js/lib/pwa-assets.js
@@ -139,12 +139,16 @@ class SoundManager {
         audioObject.volume = Helper.nonNull(options.volume, audioObject.volume, 1);
         audioObject.loop = Helper.nonNull(options.loop, audioObject.loop, false);
         audioObject.timeOffset = Helper.nonNull(options.timeOffset, audioObject.timeOffset, 0);
+        this.channels[channel] = audioObject;
+
+        console.log(options);
 
         if (audioObject.muted){
             this.stop(channel);
         }
-
-        this.channels[channel] = audioObject;
+        else if (Helper.isNotNull(options.muted) && options.muted === false){
+            // this.play(channel);
+        }
 
         return this.channels[channel];
     }
@@ -163,13 +167,12 @@ class SoundManager {
         this.stop(channel);
         this.set(audioOrOptions, channel);
 
+        console.log(this.channels[channel]);
         if (!this.channels[channel].muted) {
             let buffer = await this.channels[channel].loadedPromise;
             let source = this.context.createBufferSource();
             source.buffer = buffer;
             source.connect(this.context.destination);
-            // source.loopStart = 5;
-            // source.loopEnd = 5;
             source.loop = this.channels[channel].loop;
             source.start(0);
             this.channels[channel].source = source;
diff --git a/src/module/Application/pwa/html/application/menu.html b/src/module/Application/pwa/html/application/menu.html
index d412774..a4e1da3 100644
--- a/src/module/Application/pwa/html/application/menu.html
+++ b/src/module/Application/pwa/html/application/menu.html
@@ -16,87 +16,24 @@
 
     <div class='height-60 max-width flex-center'>
         <div id = 'level'></div>
-
-        <!--<div id='level'>-->
-            <!--<div class="segment segment-parent layer-2 rotate-360">-->
-                <!--<div class="child-container">-->
-                    <!--<div class="segment segment-parent rotate-360">-->
-                        <!--<div class="child-container">-->
-                            <!--<div class="segment segment-leaf">-->
-                                <!--<div class="leaf-element">W</div>-->
-                            <!--</div>-->
-                            <!--<div class="segment segment-leaf">-->
-                                <!--<div class="leaf-element">O</div>-->
-                            <!--</div>-->
-                            <!--<br>-->
-                            <!--<div class="segment segment-leaf">-->
-                                <!--<div class="leaf-element">O</div>-->
-                            <!--</div>-->
-                            <!--<div class="segment segment-leaf">-->
-                                <!--<div class="leaf-element">&nbsp;</div>-->
-                            <!--</div>-->
-                        <!--</div>-->
-                    <!--</div>-->
-                    <!--<div class="segment segment-parent rotate-360">-->
-                        <!--<div class="child-container">-->
-                            <!--<div class="segment segment-leaf">-->
-                                <!--<div class="leaf-element">R</div>-->
-                            <!--</div>-->
-                            <!--<div class="segment segment-leaf">-->
-                                <!--<div class="leaf-element">D</div>-->
-                            <!--</div>-->
-                            <!--<br>-->
-                            <!--<div class="segment segment-leaf">-->
-                                <!--<div class="leaf-element">&nbsp;</div>-->
-                            <!--</div>-->
-                            <!--<div class="segment segment-leaf">-->
-                                <!--<div class="leaf-element">R</div>-->
-                            <!--</div>-->
-                        <!--</div>-->
-                    <!--</div>-->
-                    <!--<br>-->
-                    <!--<div class="segment segment-parent rotate-360">-->
-                        <!--<div class="child-container">-->
-                            <!--<div class="segment segment-leaf">-->
-                                <!--<div class="leaf-element">R</div>-->
-                            <!--</div>-->
-                            <!--<div class="segment segment-leaf">-->
-                                <!--<div class="leaf-element">&nbsp;</div>-->
-                            <!--</div>-->
-                            <!--<br>-->
-                            <!--<div class="segment segment-leaf">-->
-                                <!--<div class="leaf-element">D</div>-->
-                            <!--</div>-->
-                            <!--<div class="segment segment-leaf">-->
-                                <!--<div class="leaf-element">R</div>-->
-                            <!--</div>-->
-                        <!--</div>-->
-                    <!--</div>-->
-                    <!--<div class="segment segment-parent rotate-360">-->
-                        <!--<div class="child-container">-->
-                            <!--<div class="segment segment-leaf">-->
-                                <!--<div class="leaf-element">&nbsp;</div>-->
-                            <!--</div>-->
-                            <!--<div class="segment segment-leaf">-->
-                                <!--<div class="leaf-element">O</div>-->
-                            <!--</div>-->
-                            <!--<br>-->
-                            <!--<div class="segment segment-leaf">-->
-                                <!--<div class="leaf-element">O</div>-->
-                            <!--</div>-->
-                            <!--<div class="segment segment-leaf">-->
-                                <!--<div class="leaf-element">W</div>-->
-                            <!--</div>-->
-                        <!--</div>-->
-                    <!--</div>-->
-                <!--</div>-->
-            <!--</div>-->
-        <!--</div>-->
         <span id='level-number-container' class = 'visible in-main-menu'>
             <span id='level-number'>1</span>
         </span>
     </div>
-    <div class='height-20 max-width flex-center'>
-        <button class='button max-height text-center' id='play-button'><span data-translation="play"></span></button>
+    <div class='height-30 flex-center fill-me'>
+        <button class='button grow text-center' id='play-button'><span data-translation="play"></span></button>
+        <div class = 'max-width'>
+            <label class="switch">
+                <img src = 'img/speaker.svg'>
+                <input type="checkbox" class = "setting" id = "play-sound">
+                <span class="slider"></span>
+            </label>
+            <label class="switch right">
+                <img src = 'img/music.svg'>
+                <input type="checkbox" class = "setting" id = "play-music">
+                <span class="slider"></span>
+            </label>
+        </div>
     </div>
+
 </div>
\ No newline at end of file
diff --git a/src/module/Application/pwa/js/site/LevelSite.js b/src/module/Application/pwa/js/site/LevelSite.js
index 0c9eabd..65d6c33 100755
--- a/src/module/Application/pwa/js/site/LevelSite.js
+++ b/src/module/Application/pwa/js/site/LevelSite.js
@@ -5,6 +5,7 @@ import {WordRotatorDb} from "../WordRotatorDb";
 import {ScaleHelper, SoundManager} from "../../../../../js/lib/pwa-assets";
 import {EndSite} from "./EndSite";
 import {WordRotatorBaseSite} from "./WordRotatorBaseSite";
+import {SettingsManager} from "../../../../../js/lib/pwa-core";
 
 export class LevelSite extends WordRotatorBaseSite {
     constructor(siteManager) {
@@ -33,8 +34,10 @@ export class LevelSite extends WordRotatorBaseSite {
             coinCounterTimer: null,
         };
 
+        let settingsManager = SettingsManager.getInstance();
+
         let soundManager = SoundManager.getInstance();
-        soundManager.set("sound/single_coin_fall_on_concrete_.mp3", SoundManager.CHANNELS.SOUND);
+        soundManager.set({audio: "sound/single_coin_fall_on_concrete_.mp3", muted: !settingsManager.getSetting("play-sound")}, SoundManager.CHANNELS.SOUND);
 
         return super.onConstruct(args);
     }
diff --git a/src/module/Application/pwa/js/site/MenuSite.js b/src/module/Application/pwa/js/site/MenuSite.js
index 4d766ca..db4a4d1 100644
--- a/src/module/Application/pwa/js/site/MenuSite.js
+++ b/src/module/Application/pwa/js/site/MenuSite.js
@@ -1,9 +1,10 @@
 import {WordRotatorBaseSite} from "./WordRotatorBaseSite";
 import {LevelSite} from "./LevelSite";
-import {ScaleHelper} from "../../../../../js/lib/pwa-assets";
+import {ScaleHelper, SoundManager} from "../../../../../js/lib/pwa-assets";
 import {TemplateContainer} from "../wordrotator/Segment/TemplateContainer";
 import {MainMenuLevel} from "../wordrotator/Level/MainMenuLevel";
 import {Helper, InitPromise} from "../../../../../js/lib/pwa-lib";
+import {SettingsManager} from "../../../../../js/lib/pwa-core";
 
 export class MenuSite extends WordRotatorBaseSite {
     constructor(siteManager) {
@@ -115,6 +116,29 @@ export class MenuSite extends WordRotatorBaseSite {
                 }
             });
         }
+
+        let settingsManager = SettingsManager.getInstance();
+        let soundManager = SoundManager.getInstance();
+
+        let playMusicButton = this.findBy("#play-music");
+        playMusicButton.checked = settingsManager.getSetting("play-music", true);
+        playMusicButton.addEventListener("change", () => {
+            settingsManager.setSetting("play-music", playMusicButton.checked);
+            soundManager.set({muted: !playMusicButton.checked}, SoundManager.CHANNELS.MUSIC);
+            if (playMusicButton.checked){
+                soundManager.play(SoundManager.CHANNELS.MUSIC);
+            }
+        });
+
+        let playSoundButton = this.findBy("#play-sound");
+        playSoundButton.checked = settingsManager.getSetting("play-sound", true);
+        playSoundButton.addEventListener("change", () => {
+            settingsManager.setSetting("play-sound", playSoundButton.checked);
+            soundManager.set({muted: !playSoundButton.checked}, SoundManager.CHANNELS.SOUND);
+            // if (playSoundButton.checked){
+            //     soundManager.play(SoundManager.CHANNELS.MUSIC);
+            // }
+        });
     }
 
     onPause(args) {
diff --git a/src/scss/wordRotator.scss b/src/scss/wordRotator.scss
index bf698dc..1151b0f 100755
--- a/src/scss/wordRotator.scss
+++ b/src/scss/wordRotator.scss
@@ -35,7 +35,7 @@ nav.top-bar.title-bar {
   &.visible {
     visibility: visible;
   }
-  &.in-main-menu{
+  &.in-main-menu {
     background: white;
     border-color: black;
 
@@ -43,8 +43,8 @@ nav.top-bar.title-bar {
     width: 1em;
     min-height: 1em;
     min-width: 1em;
-    max-height:1em;
-    max-width:1em;
+    max-height: 1em;
+    max-width: 1em;
   }
 
   #level-number {
@@ -79,7 +79,7 @@ $coinTowerDimension: 28px;
     margin-left: 3px;
     margin-right: 3px;
     //height: 30px;
-    max-width:30px;
+    max-width: 30px;
     display: inline-block;
   }
 }
@@ -88,16 +88,6 @@ $coinTowerDimension: 28px;
 $rotationDegrees: (90 180 270 360);
 $animationDuration: .25s;
 
-@for $i from 1 through 10 {
-  $value: percentage($i/10);
-  .height-#{$i}0 {
-    height: $value;
-  }
-  .width-#{$i}0 {
-    width: $value;
-  }
-}
-
 @for $i from 1 through length($rotationDegrees) {
   $startDegree: ((nth($rotationDegrees, $i)+270)%360);
 
@@ -149,7 +139,7 @@ $animationDuration: .25s;
           }
         }
 
-        &.reverse{
+        &.reverse {
           //animation-name: rotate-reverse-#{(nth($rotationDegrees, $i))%360+90};
           animation-name: rotate-reverse-#{nth($rotationDegrees, $i)};
           > .child-container {
@@ -198,7 +188,7 @@ $animationDuration: .25s;
                   animation-fill-mode: forwards;
                   animation-timing-function: linear;
 
-                  &.reverse{
+                  &.reverse {
                     animation-name: rotate-reverse-#{$animationName};
                   }
                 }
@@ -325,6 +315,7 @@ $animationDuration: .25s;
 .text-right {
   text-align: right;
 }
-#continue-button{
+
+#continue-button {
   margin-bottom: 2px;
-}
\ No newline at end of file
+}