@import url('https://fonts.googleapis.com/css?family=Dosis|Nanum+Brush+Script');

body{
	text-align: center;
	background-image:url(../Images/backgrd.jpg);
	background-size:100% 150%;
}

h3{
	/*margin: 70px auto -180px 350px;*/
	margin: -360px auto -180px 150px;
	color: white;
	font-size: 90px;
	font-family: 'Nanum Brush Script';
	width: 500px;
	text-align: center;
	position:absolute;
}

.display{
	width:748px;
	height:420px;
	margin:0px auto;
	background-image:url(../Images/plx-5.png),url(../Images/plx-4.png),url(../Images/plx-3.png),url(../Images/plx-2.png),url(../Images/plx-1.png);
	background-position:150%,400%,0%,100%,0px;
	background-size:80%,80%,80%,80%,82%;
	background-repeat:repeat-x,repeat-x,repeat-x,repeat-x,repeat-x;
	animation: animate-background linear 50s infinite;
	display:block; /* hide with none*/

}

@keyframes animate-background {
	from { background-position: 150%,400%,0%,100%,0px}
	to { background-position: -500%,-180%,0%,-500%,0px}
}

canvas{
	visibility:none;
	position: relative;
	width:100%;
}


/* button style*/
button {  
	color: #ffa260;
	transition: 0.25s;}
button:hover,focus{  
	border-color: adjust-hue(#ffa260, 45deg);
	color: #fff;
}
.buttonStyle{
	background:#1E1E35;
	opacity: 0.8;
  	border: 2px solid;
  	font: inherit;
  	line-height: 1;
  	font: 300 1em 'Fira Sans', sans-serif;
  	color: #e4cb58;
  	display:inline-block;
  	position:absolute;
}

#play{
	margin: -250px auto 0px -40px;
  	padding: 8px 41.6px;
}
#instructions{
	margin: -205px auto 0px -40px;
  	padding: 8px 15.8px;
}
#credits{
	margin: -160px auto 0px -40px;
  	padding: 8px 32px;
}
#doublePlay{
	margin: -115px auto 0px -40px;
  	padding: 8px 6px;
  	font-size: 13px;
}
.raise:hover,
.raise:focus {
  box-shadow: 0 0.5em 0.5em -0.4em adjust-hue(#ffa260, 45deg);
  transform: translateY(-0.25em);
}

#textDisplay{
	font-weight:100; 
	background: #1E1E35;
	color: white;
	padding: 10px 30px 1px 30px;
	font-size: 1.2rem;
	margin:-10px auto 0 auto;
	width:748px;
	text-align: left;
	font-family:Dosis;
	border:1px solid;
}

.modal-body{
	text-align: left;
}

span{
	font-size:20px;
	color: yellow;
}

p{
	font-size:15px;
}

h4{
	color: #f75a56;
	text-decoration: underline;
}