@import url("reset.css");
@import url("jquery-ui.min.css");
@import url("jq-tweak.css");
@import url(https://fonts.googleapis.com/css?family=Montserrat);

/*# sourceMappingURL=usct.css.map */

body {
  font-family : 'Montserrat', sans-serif;
  font-size : 1vw;
  color :  rgba(255, 255, 255, 0.8);
  -webkit-user-select: none; /* Chrome/Safari */        
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */

  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
}

a{
  color : #40f0ff;
  text-decoration: none;
}

h1{
  font-size: 3vh;
}

.mode_button {
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.6vw;   
  color: white;
  text-align: center;
  opacity: 0.2;
}
.mode_button:hover {
  opacity: 1;
}
.mode_button_active {
  padding-bottom: 0.5vh;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.6vw;   
  color: white;
  text-align: center;
  opacity: 0.7;
}
.mode_button_active:hover {
  opacity: 1;
}
.tooltip{
  width : 30%;
  height: :30%;
  top: 8%;
  left: 20%;
  position: fixed;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.8vw;   
  color: white;
  text-align: center;
  opacity: 0.85;
}
.about {
  z-index: 11;
  position: absolute; 
  top: 0; 
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8)
}
.about_content {
  font-size: 2vh;
  z-index: 13;
  top : 20%;
  width: 50%;
  left: 25%; 
  position: absolute; 
  padding: 1%;
}
.usct-logo {
  cursor: pointer;
}
.about_exit {
  z-index: 12;
  position: absolute; 
  top: 0; 
  left: 0;
  width: 100%;
  height: 100%;
}