margin: 0;

  padding: 0;

  background:#EEE;

  font-family: 'Fredoka One', cursive;

  height:90vh;

  overflow:hidden;

}

body {

 postion:fixed;

  top:0px;

  left:0px;

  z-index:-1;

}

​

#lbldiv{

margin-left:4%;

  color: transparent;

background: #666666;

-webkit-background-clip: text;

-moz-background-clip: text;

background-clip: text;

text-shadow: 0px 3px 3px rgba(255,255,255,0.5);

}

​

#wrapper_top{

  width:80%;

  position:absolute;

  top:33vh;

  height:80vh;

  text-align:left;

  vertical-align:bottom;

  color:#EEE;

  padding:0px;

  margin-left:10%;  

  font-size:21px;

   text-shadow: 2px 2px #FFFFFF;

  display:none;

​

}

​

​

​

​

​

input[type="range"] {

  -webkit-appearance: none;

  -moz-appearance: none;

  width:98%;

  height:14px;

  padding:10px;

   border-radius:22px;

    -webkit-box-shadow: inset 5px 5px 9px -2px rgba(0,0,0,0.34); 

box-shadow: inset 5px 5px 9px -2px rgba(0,0,0,0.34);

}

​

​

input[type="range"]::-webkit-slider-runnable-track {

 background: #EEE;

 height: 15px;

  width:100%;

  -webkit-box-shadow: inset 5px 5px 9px -2px rgba(0,0,0,0.44); 

box-shadow: inset 5px 5px 9px -2px rgba(0,0,0,0.44);

  border-radius:22px;

}

​

input[type="range"]::-moz-range-track {

 background: #EEE;

 height: 15px;

  width:100%;

  -webkit-box-shadow: inset 5px 5px 9px -2px rgba(0,0,0,0.44); 

box-shadow: inset 5px 5px 9px -2px rgba(0,0,0,0.44);

  border-radius:22px;

}

​

/*  THUMB */

​

​

input[type="range"]::-webkit-slider-thumb {

 -webkit-appearance: none;

 height: 25px;

 width: 25px;

  background: #FFF;

 margin-top: -5px;

 border-radius: 50%;

  border:0px;

    -webkit-box-shadow: 5px 5px 9px -2px rgba(0,0,0,0.44); 

box-shadow:   5px 5px 9px -2px rgba(0,0,0,0.44);

}

​

input[type="range"]::-moz-range-thumb {

 -webkit-appearance: none;

 height: 25px;

 width: 25px;

  background: #FFF;

 margin-top: -5px;

 border-radius: 50%;

  border:0px;

    -webkit-box-shadow: 5px 5px 9px -2px rgba(0,0,0,0.44); 

box-shadow:   5px 5px 9px -2px rgba(0,0,0,0.44);

}

​

​

​

​

/*-------------------------------------------*/

/*-------------------------------------------*/

/*-------------------------------------------*/

​

#start_wrapper{

​

  position:absolute;

  text-align:center;

  width:100%;

  padding-top:38vh;

  height:70%;

    margin:auto;

  z-index:888;

-webkit-user-select: none; /* Safari */

  -ms-user-select: none; /* IE 10 and IE 11 */

  user-select: none; /* Standard syntax */

pointer-events: none;

}

​

#general_init_btn{

  margin:auto;

   font-size:18px;

  z-index:999;

  background:#EFEFEF;

  border:3px solid #DDD;

  pointer-events: all;

  -webkit-border-radius: 9px;

-moz-border-radius: 9px;

border-radius: 9px;

  padding:12px;

  text-align:center;

  -webkit-box-shadow: 5px 5px 12px 3px rgba(0,0,0,0.25); 

box-shadow: 5px 5px 12px 3px rgba(0,0,0,0.25);

  text-decoration:none;

    text-align:center;

    text-shadow:1px 1px 0px #ffffff;

}

​

​

/*-------------------------------------------*/

/*-------------------------------------------*/

/*-------------------------------------------*/

​