#ct{
	border: 3px solid lime;
	border-radius: 16px;
	background: gray;
	position: relative;
	text-align: center;
	width: 500px;
	height: 400px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	cursor: url('pawcur.png') 12 8, auto;
}

canvas{
border: 16px solid black;
border-radius: 16px;
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
top: 16px;
z-index: 1;
cursor: url('pawcur.png') 12 8, auto;
}
.ct-aLoadingScreen{
	border-radius: 16px;
	background: purple;
}
.ct-aLoadingBar{
	border: 1px solid black;
	height: 32px;
	background: white;
}
span
{
	display: block;
	margin-bottom: 64px;
}
/*
ct-aLoadingScreen
ct-aLoadingProgress
ct-aLoadingBar
*/
body{
background: #4d4e47;
margin: 0px;
padding: 0px;
cursor: url('pawcur.png') 12 8, auto;
overflow: hidden;
}


#gameUi{
border: 3px solid transparent;
border-radius: 16px;
background: none;
position: relative;
text-align: center;
width: 384px;
height: 192px;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1000;
top: -195px;
}

#sign{
	position: relative;
	top: -100px;
	font-style: italic;
	font-weight: 600;
	color: aliceblue;
}

#textTip {
  border: 1px solid black;
  border-radius: 6px;
  background-color: rgba(13, 13, 13, 0.5);
  width: 50%;
  height: auto;
  color: aliceblue;
	font-style: italic;
  position: relative;
  margin: auto;
  z-index: 100000;
	top: 16px;
  display: none;
}
#textTip:hover {
  opacity: 0.5;
}


#logo{
	position: relative;
	top: -100px;
}

#button {
	position: relative;
	border: 2px solid black;
	border-radius: 6px;
	background: darkblue;
	color: aliceblue;
	font-style: italic;
	font-size: 16;
	font-weight: 600;
	padding: 3px;
	z-index: 10000;
	display: none;
	margin-left: auto;
	margin-right: auto;
	top: 96px;
	cursor: url('pawcur.png') 12 8, auto;
}

#points{
	border: 1px solid transparent;
	border-radius: 6px;
	position: relative;
	text-align: right;
	width: 53px;
	height: auto;
	z-index: 1;
	display: none;
	color: aliceblue;
	font-style: italic;
	font-size: 12;
	font-weight: 600;
	text-shadow: 1px 2px 1px black;
	margin: 3px;
}

#credits{
	border: 2px solid black;
	border-radius: 6px;
	background: rgba(13, 13, 13, 0.8);
	width: 200px;
	height: auto;
	text-align: center;
	margin: 3px;
	font-style: italic;
	font-size: 12;
	color: aliceblue;
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	top: -98px;
}
#button:hover {
	opacity: 0.5;
}

#winOrLose{
	position: relative;
	font-size: 24px;
	font-style: italic;
	font-weight: 800;
	color: lime;
	display: none;
	z-index: 1000;
	margin-left: auto;
	margin-right: auto;
	top: 64px;
	animation: blinker 1500ms infinite;
}

@keyframes blinker {
  50% {opacity: 0;}
  100% {opacity: 1;}
}