.noselect {
  -webkit-user-select: none;
  -moz-user-select:    none;
  -ms-user-select:     none;
  -o-user-select:      none;
  user-select:         none;
}

#logoWrapper
{
  position:absolute;
  z-index:20;
  margin-left:20px !important;
  margin-top:20px !important;
}

.logoImg{
  height:55%;
  margin-top:20%;
}

.logoCTA{
  height:60px;
  width:60px;
}

#nextbutton:active {

  background-color: steelblue;
  color: #000;

}

h2 {
  font-size: 1.3em;
  text-align: center;
  font-family: monospace;
}

#logo
{
  position:absolute;
  width:40px;
  z-index:20;
  margin:10px;
}

.ctaWrapper{
  position: absolute;
  text-align: center;
  z-index: 100;
  bottom: 5%;
  right:5%;
}

#align-image {
  display:block;
  position:absolute;
  top:10%;
  width:100%;
  z-index:15;
}

.instructionsImage
{
    width:100%;
    opacity: 1;
}

#gui {
  display:none;
}

.css-button-rounded {
  font-family: 'Staatliches', sans-serif;
  font-size: 24px;
  white-space: nowrap;
  background: rgb(238, 238, 238);
  color: #202020;
  text-align: center;
  text-decoration: none;
  height:10%;
  border-radius: 50px;
  padding-top:12px;
  padding-bottom:12px;
  padding-right:15px;
  padding-left:15px;
  bottom:10px;
  -webkit-tap-highlight-color: transparent;
}
/* box-shadow: 2px 2px 3px rgb(0, 0, 0); */ 

.css-button-rounded:hover {
  background: rgb(165, 165, 165);
  -webkit-tap-highlight-color: transparent;
}
.css-button-rounded:active {
  background: rgb(189, 189, 189);
  /* box-shadow: 1px 1px 1px rgb(255, 255, 255); */
  -webkit-tap-highlight-color: transparent;
}