@charset "UTF-8";
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
FONT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@font-face {
  font-family: 'Knockout47';
  src: url("../fonts/Knockout-47.eot");
  src: local("УЂЫœТК"), url("../fonts/Knockout-47.woff") format("woff"), url("../fonts/Knockout-47.ttf") format("truetype"), url("../fonts/Knockout-47.svg#webfontKsYZnMzo") format("svg");
  font-weight: normal;
  font-style: normal; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
LAYOUT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html {
  overflow-y: auto;
  padding: 0;
  margin: 0; }

body {
  font-family: sans-serif;
  padding: 0;
  margin: 0; }

#visualizer {
  background-color: #fff;
  width: 100%;
  left: 0;
  top: 0; }

#visNav {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  top: 0px; }

.icon {
  display: inline-block;
  position: relative;
  margin: 0px 5px 0px 5px;
  opacity: 0; }
  .icon img {
    width: 75px; }