.game-back{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b0bb+0,004352+100 */
	background: #bd10e0; /* Old browsers */
	
	width: 100%;
    height: 100%;
    position: fixed;
}

.game-back-white{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b0bb+0,004352+100 */
	background: #ffffff; /* Old browsers */
	
	width: 100%;
    height: 100%;
    position: fixed;
}

.circle {
    position: relative;
    border-radius: 50%;
    width: 100%;
    height: auto;
    padding-top: 100%;
    background: white;
}

.container-padding{
	padding-top: 5vh;
}

.logo{
	    position: absolute;
    width: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.btm-logo{
	position: absolute;
    width: 30%;
    bottom: -40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.jsgif canvas{
	width: 100%;
}

.text{
	    font-size: small;
    text-align: center;
    margin-top: 3vh;
    font-weight: bolder;
}

.c-p{
		background: #bd10e0;
}

.title{
	    position: absolute;
    width: 50%;
    top: 8%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-weight: bold;
    text-align: CENTER;
}

.circle1{
	position: absolute;
    border-radius: 50%;
    display: inline-block;
    width: 8vh;
    left: 24%;
    height: 8vh;
    background-color: white;
   top: 17vh;
    z-index: 500;
    transform: translate(-50%, -50%);
}

.circle2{
	position: absolute;
    border-radius: 50%;
    display: inline-block;
    width: 8vh;
    left: 41%;
    height: 8vh;
    background-color: white;
   top: 17vh;
    z-index: 500;
    transform: translate(-50%, -50%);
}


.circle3{
	    position: absolute;
    border-radius: 50%;
    display: inline-block;
    width: 8vh;
    left: 58%;
    height: 8vh;
    background-color: white;
   top: 17vh;
    z-index: 500;
    transform: translate(-50%, -50%);
}


.circle4{
	    position: absolute;
    border-radius: 50%;
    display: inline-block;
    width: 8vh;
    left: 75%;
    height: 8vh;
    background-color: white;
    top: 17vh;
    z-index: 500;
    transform: translate(-50%, -50%);
}

.circle1 h2,.circle2 h2,.circle3 h2,.circle4 h2{
	      font-weight: bolder;
    text-align: center;
    margin: 2vh;
    color: #bd10e0;
}


.floor{
	    width: 100%;
    position: absolute;
    height: 38vh;
    bottom: -3vh;
    background: #bd10e0;
    text-align: CENTER;
}

.wbtn{
	    width: 22vh;
    margin-bottom: 7px;
    font-size: 0.8em;
    margin-top: 2px;
}

.ywn{
	    font-weight: bolder;
    color: white;
    margin: 1vh;
}

.cc{
	border-radius: 50%;
    width: 7vh;
    margin: 8px;
    height: 7vh;
    background: #8e8e8e;
    display: inline-block;
}

.cc h2{
	    font-weight: bolder;
    margin: 2vh;
    font-size: 1.8em;
}

.sratchholder{
	  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+24,dbdbdb+24,dbdbdb+28,bfbfbf+31,d1d1d1+38,d1d1d1+56,b2b2b2+70,d1d1d1+83,fefefe+100 */
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(45deg, #e2e2e2 0%, #dbdbdb 24%, #dbdbdb 24%, #dbdbdb 28%, #bfbfbf 31%, #d1d1d1 38%, #d1d1d1 56%, #b2b2b2 70%, #d1d1d1 83%, #fefefe 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #e2e2e2 0%,#dbdbdb 24%,#dbdbdb 24%,#dbdbdb 28%,#bfbfbf 31%,#d1d1d1 38%,#d1d1d1 56%,#b2b2b2 70%,#d1d1d1 83%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #e2e2e2 0%,#dbdbdb 24%,#dbdbdb 24%,#dbdbdb 28%,#bfbfbf 31%,#d1d1d1 38%,#d1d1d1 56%,#b2b2b2 70%,#d1d1d1 83%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    width: 100%;
    height: 12vh;
    border-radius: 10px;
    text-align: CENTER;
    margin: 0 auto;
    display: inline-block;
    padding-top: 2vh;
        position: RELATIVE;
}


.strs{
	position: ABSOLUTE;
    z-index: 0;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}