@font-face {
  font-family: fantasque;
  src: url(../font/fantasquesansmono-regular.otf); }

#top {
  z-index: 2;
  opacity: 0.9;
  zoom: 70%; }

#view-nav {
  z-index: -2;
  opacity: 0.5;
  font-size: 50%; }

#footbar {
  z-index: 2;
  position: fixed;
  bottom: 0;
  width: 100%;
  opacity: 0.9;
  font-size: 50%; }

#views #v-about {
  margin-bottom: 100px; }
  #views #v-about #camera-wrap {
    bottom: 0px;
    height: 100%;
    left: 0;
    margin-bottom: 0 !important;
    position: fixed;
    right: 0;
    top: 0; }
  #views #v-about #prompt {
    position: fixed;
    margin: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60%;
    box-sizing: border-box;
    margin-left: 20%;
    margin-right: 20%;
    text-align: center;
    color: #475c85;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 1em;
    box-shadow: 10px 5px 5px gray;
    border: #475c85 2px solid;
    padding: 1em 2em;
    font-family: fantasque, monospace; }

#views #v-options {
  margin: 1em; }

.fluid_container {
  bottom: 0;
  height: 90%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 0; }

.camera_bar {
  position: relative;
  z-index: 2; }

.camera_thumbs {
  margin-top: -100px;
  position: relative;
  z-index: 1; }

.camera_thumbs_cont {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0; }

.camera_overlayer {
  opacity: .1; }