/*
 * This file is part of wavegl: https://github.com/gre/wavegl
 *
 * Copyright 2014 Zengularity
 *
 * wavegl is free software: you can redistribute it and/or modify
 * it under the terms of the AFFERO GNU General Public License as published by
 * the Free Software Foundation.
 *
 * wavegl is distributed "AS-IS" AND WITHOUT ANY WARRANTY OF ANY KIND,
 * INCLUDING ANY IMPLIED WARRANTY OF MERCHANTABILITY,
 * NON-INFRINGEMENT, OR FITNESS FOR A PARTICULAR PURPOSE. See
 * the AFFERO GNU General Public License for the complete license terms.
 *
 * You should have received a copy of the AFFERO GNU General Public License
 * along with wavegl.  If not, see <http://www.gnu.org/licenses/agpl-3.0.html>
 */
body,
html {
  margin: 0;
  padding: 0;
  background: #eee;
  min-width: 1200px;
  font-family: monospace;
}
.status-message.error {
  color: #c63;
}
.status-message.warn {
  color: #a63;
}
.status-message.success {
  color: #565;
}
.status-message.info {
  color: #999;
}
.status-message.success,
.status-message.info,
.status-message.error,
.status-message.warn {
  transition: none;
}
.status-message {
  color: #666;
  background-color: #111;
  transition: 0.5s;
}
.sound-editor {
  overflow: hidden;
}
.sound-editor .status-message {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  font-size: 1em;
  box-sizing: border-box;
  overflow: auto;
  white-space: nowrap;
}
.sound-viz {
  background: #000;
  overflow: hidden;
  position: relative;
}
.sound-viz .sound-viz-buffer {
  transform: translate3d(0, 0, 0);
  position: absolute;
  left: 0;
}
.buffer-viz {
  background: #203;
}
.sound-viz {
  display: inline-block;
  float: left;
  vertical-align: top;
}
.sound-editor {
  display: inline-block;
  float: left;
  vertical-align: top;
}
nav {
  display: inline-block;
  padding-top: 150px;
  margin-left: 5px;
}
nav a {
  text-decoration: none;
  display: block;
  color: #aaa;
}
nav a.current {
  color: #000;
}