@import url(https://fonts.googleapis.com/css?family=Open+Sans|Permanent+Marker&display=swap);
#three-container {
  background: transparent;
  position:absolute;
  width:100%;
  height:100%;
  overflow:hidden;
}
#instructions{
  position:absolute;
  width:100%;
  top:40%;
  margin: auto;
  text-align : center;
}
.f-size{
  font-size: 15px;
}
.center-block{
  text-align: center;
}
#instructions h1{
	font-family: 'Permanent Marker', cursive;
	color: #b9cc57;
	font-size: 4em;
  letter-spacing: 0.1em;
  padding-top: 55px;
  text-shadow: -1px -1px 1px #a4b54c, 2px 2px 1px #e1f76e;
}
.lightInstructions {
  color:#b59b63;
  font-size:.8em;
}
@media only screen and (max-width: 600px) {
  #instructions h1{
  font-family: 'Permanent Marker', cursive;
  color: #b9cc57;
  font-size: 2.5em;
  letter-spacing: 0.1em;
  padding-top: 0px;
  text-shadow: -1px -1px 1px #a4b54c, 2px 2px 1px #e1f76e;
}
}
#credits{
  position:absolute;
  width:100%;
  margin: auto;
  bottom:0;
  margin-bottom:20px;
  font-family:'Open Sans', sans-serif;
  color:#b59b63;
  font-size:0.7em;
  text-transform: uppercase;
  text-align : center;
}
#credits a {
  color:#b59b63;
}

.btn-warning {
  background-color: #F15F2E; 
  color: white; 
  border: 2px solid #F15F2E;
  width: 100%;
}

.btn-warning:hover {
  background-color: white;
  color: #f44336;
}

/*setup*/

@font-face {
  font-family: 'Audiowide';
  font-style: normal;
  font-weight: 400;
  src: local('Audiowide'), local('Audiowide-Regular'), url(https://themes.googleusercontent.com/static/fonts/audiowide/v2/8XtYtNKEyyZh481XVWfVOj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}



/*neeeeoooon*/
/*#instructions p{
  line-height: 130px;
  text-align:center;
  font-size:7em;
  margin:20px 0 20px 0; 
}

#instructions a{
  text-decoration:none; 
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

#instructions p:nth-child(1) a{
  color:white;
  font-family:Audiowide;
}
#instructions p:nth-child(1) a:hover{
  -webkit-animation: neon2 1.5s ease-in-out infinite alternate;
  -moz-animation: neon2 1.5s ease-in-out infinite alternate;
  animation: neon2 1.5s ease-in-out infinite alternate;
}



#instructions p a:hover{
color:#ffffff;  
}*/



/*glow for webkit*/
@-webkit-keyframes neon2 {
  from {
    text-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #228DFF,
               0 0 70px  #228DFF,
               0 0 80px  #228DFF,
               0 0 100px #228DFF,
               0 0 150px #228DFF;
  }
  to {
    text-shadow: 0 0 5px #fff,
               0 0 10px #fff,
               0 0 15px #fff,
               0 0 20px #228DFF,
               0 0 35px #228DFF,
               0 0 40px #228DFF,
               0 0 50px #228DFF,
               0 0 75px #228DFF;
  }
}

/*glow for mozilla*/
@-moz-keyframes neon2 {
  from {
    text-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #228DFF,
               0 0 70px  #228DFF,
               0 0 80px  #228DFF,
               0 0 100px #228DFF,
               0 0 150px #228DFF;
  }
  to {
    text-shadow: 0 0 5px #fff,
               0 0 10px #fff,
               0 0 15px #fff,
               0 0 20px #228DFF,
               0 0 35px #228DFF,
               0 0 40px #228DFF,
               0 0 50px #228DFF,
               0 0 75px #228DFF;
  }
}

/*glow*/
@keyframes neon2 {
  from {
    text-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #228DFF,
               0 0 70px  #228DFF,
               0 0 80px  #228DFF,
               0 0 100px #228DFF,
               0 0 150px #228DFF;
  }
  to {
    text-shadow: 0 0 5px #fff,
               0 0 10px #fff,
               0 0 15px #fff,
               0 0 20px #228DFF,
               0 0 35px #228DFF,
               0 0 40px #228DFF,
               0 0 50px #228DFF,
               0 0 75px #228DFF;
  }
}



/*REEEEEEEEEEESPONSIVE*/
@media (max-width: 600px) {

  #instructions p{
    font-size:3.5em;
    line-height: 65px;
  }

  #instructions p:nth-child(1) a:hover{
  pointer-events: none;
  cursor: default;
}

}

/*REEEEEEEEEEESPONSIVE*/
@media (max-width: 1190px) {
  .wd-12-5 {
    display: none;
}

}

/*Privacy Policy Alignment*/

.text-white{
  color: white;
}
.align-justify{
  text-align: justify;
}

.extra-padding {
  padding-top: 5%;
}

.center-children {
  text-align: center;
}

.wd-25 {
  width: 25%;
}

.wd-12-5 {
  width: 12.5%;
  /*display: inline;*/
}