html {
  font-size:20px;
  font-family:"Exo";
}
body {
  color:white;
  font-family:"Exo";
}
#exit {
  width:90%;
  position:absolute;
  bottom:10px;
  font-size:2rem;
  right:10px;
}

#content {
  background:linear-gradient(to top, rgba(50, 50, 50, 0.1), rgba(50, 50, 50, 0.5));  
  position:relative;
  color:white;
  font-family:"Exo";
  min-height:100%;
  text-align:center;
  width:100%;
  top:0;
  left:0;
}
h1 {
  font-family:"Exo";
  font-size:2rem;
}

.system {
  font-family:"Exo";
  font-size:1rem;
}

@keyframes bounce {
  0% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

@-webkit-keyframes bounce {
  0% {
    transform: scale(1.2);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}

canvas.frame {
  border:1px solid gray;
  animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  margin:10px;
  width:150px;
  height:150px;
  top:0px;
}
#systems td {
  font-size:0.6rem;
  text-align:center;
  display:inline-block;
  padding:5px;
  width:24%;
  vertical-align:top;
  color:#DDDDDD;
}
#systems {
  margin:auto;
  position:relative;
  left:0;
  right:0;
  bottom:0;
  top:0;
}
#table {
  width:100%;
  font-size:1rem;
}
#table .lab {
  border-bottom:1px solid rgb(50, 50, 50);
}

#table .val {
  border-bottom:1px solid rgb(50, 50, 50);
  text-align:right;
}         

#frames-container {
  text-align:center;
  background-color:rgba(0, 0, 0, 0.5);
  padding:50px;
  color:white;
  vertical-align:top;
}

#right {
  position:absolute;
  padding:20px;
  width:20%;
  right:0;
  left:80%;
  top:0;
  bottom:0;
  text-align:left;
}

#left {
  position:relative;
  padding:20px;
  width:80%;
  left:0%;
  top:0;
  bottom:0;
  background:linear-gradient(to top, rgba(50, 50, 50, 0.1), rgba(50, 50, 50, 0.5));    
}



.attrib {
  padding:10px;
  color:white;
  font-size:0.75rem;
}

.banner {
  text-align:left;
  padding:20px;
}

.banner .spc {
  font-weight:900;
}

.banner .title {
  font-size:3rem;
  line-height:1.4;
}

.banner .over-title {
  font-size:1.5rem;
  line-height:1.4;
}

.new-scientist {
  font-weight:900;
}

.banner .subtitle {
  font-size:1rem;
  color:#DDDDDD;
}

.header {
  background-color:rgba(0, 0, 0, 0.3);
  vertical-align:middle !important;
  font-variant:small-caps;
  padding:0 !important;
  font-size:0.9rem !important;
  text-align:center;
}

body {
  overflow-y: scroll;
  height:auto;
}