body
{
    font-family: "Anton";
}

hr
{
	border-width: 2px;
    border-style: solid;
    border-color: #0a2cd6;
    margin: -9px 0 0 0;
}

.BG
{
	background-image: url("../images/countdown/bg.jpg");
	background-size: cover;
}

.TopSpace
{
	padding-top:10px;
	height:200px;
	font-size:100px;
	color: white;
	display: block;
	text-align: center;
}

.Space
{
	height: 140px;
	width: 140px;
	color: white;
	font-size: 80px;
	text-align: center;
	border: 8px solid #6390eb;
	background-color: #75aaee;
}

.Letter
{
	height: 140px;
	width: 140px;
	color: white;
	font-size: 80px;
	text-align: center;
	border: 8px solid #6390eb;
	background-color: #0a2cd6;
}

.Number
{
	height: 140px;
	width: 140px;
	color: white;
	font-size: 80px;
	text-align: center;
	border: 8px solid #6390eb;
	background-color: #0a2cd6;
}

.NumCard
{
	height: 140px;
	width: 140px;
	color: white;
	font-size: 80px;
	text-align: center;
	border: 8px solid #6390eb;
	background-color: #0a2cd6;
	cursor:pointer;
	transition:0.5s;
}

.ChosenCard
{
	height: 140px;
	width: 140px;
	color: white;
	font-size: 80px;
	text-align: center;
	border: 8px solid #6390eb;
	background-color: #75aaee;
}

.LettersRoundShow
{
	display: block;	
}

.LettersRoundHide
{
	display: none;	
}

.SpaceBoard
{
	text-align: center;
	background-color: #6390eb;
}

.TitleBox
{
	color: white;
	font-size: 80px;
	text-align: center;
	background-color: #0a2cd6;
}

.CardBox
{
	background-color: #918d8c;
	cursor:pointer;
	transition: 0.5s;
	vertical-align:bottom;
}

.CardBox:hover, .NumCard:hover
{
	background-color: #46a2e5;
}

.SubTable
{
	height: 170px;
	background-color:#918d8c;
	border: 8px solid #a9a8b0;
}

.NumbersRoundShow
{
	display: block;	
}

.NumbersRoundHide
{
	display: none;	
}

.StageOneShow
{
	display: block;	
}

.StageOneHide
{
	display: none !important;	
}

.StageTwoShow
{
	display: block;	
}

.StageTwoHide
{
	display: none !important;	
}

.Digit
{
	height: 180px;
	width: 110px;
	color: white;
	font-size: 100px;
	text-align: center;
	background-color: #0a2cd6;
}

.DigitTable
{
	border-spacing:0; /* Removes the cell spacing via CSS */
	border-collapse: collapse;
	border: 8px solid gray;
	text-align: center;
}

.NumbersGameTable
{
	background: #0a2cd6;
	background-image: -webkit-linear-gradient(top, #0a2cd6, #46a2e5);
	background-image: -moz-linear-gradient(top, #0a2cd6, #46a2e5);
	background-image: -ms-linear-gradient(top, #0a2cd6, #46a2e5);
	background-image: -o-linear-gradient(top, #0a2cd6, #46a2e5);
	background-image: linear-gradient(to bottom, #0a2cd6, #46a2e5);
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	/* border: 10px solid silver; */
	text-align: center;
	/* background-color: #46a2e5; */
	padding-left: 30px;
	padding-right: 30px;
}

.Button {
  background: #0a2cd6;
  background-image: -webkit-linear-gradient(top, #0a2cd6, #46a2e5);
  background-image: -moz-linear-gradient(top, #0a2cd6, #46a2e5);
  background-image: -ms-linear-gradient(top, #0a2cd6, #46a2e5);
  background-image: -o-linear-gradient(top, #0a2cd6, #46a2e5);
  background-image: linear-gradient(to bottom, #0a2cd6, #46a2e5);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  cursor:pointer;
}

.Button:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.AnswerBoard
{
	background-color: white;
	width:300px;
}

.DefinitionAreaHide
{
	display: none;
}

.DefinitionAreaShow
{
	border: 10px solid silver;
	background-color: #46a2e5;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	font-size: 20px;
	display: block;	
	text-align: left;
	margin-right:auto;
    margin-left:auto;
	width: 35%;
}

li 
{
    padding-bottom: 9px;
	padding-right: 9px;
    display: list-item;
    text-align: -webkit-match-parent;
}

ul
{
	margin:0;
}

.ytp-watermark .yt-uix-sessionlink
{
	display:none !important;
}

.ClockShow
{
	padding-top:10px;
	padding-bottom:10px;
	height:175px;
	width: 220px;
	text-align: center;
	display: block;
	background-color: #0a2cd6;
	margin-left: auto;
	margin-right: auto;
	margin-top:-30px;
	
	background-image: -webkit-linear-gradient(top, #46a2e5, #0a2cd6);
	background-image: -moz-linear-gradient(top, #46a2e5, #0a2cd6);
	background-image: -ms-linear-gradient(top, #46a2e5, #0a2cd6);
	background-image: -o-linear-gradient(top, #46a2e5, #0a2cd6);
}

.ClockHide
{
	display: none;
}

@media screen and (max-width:1366px)
{
	.Space
	{
		height: 100px;
		width: 100px;
		font-size: 60px;
		border: 6px solid #6390eb;
	}

	.Letter
	{
		height: 100px;
		width: 100px;
		font-size: 60px;
		border: 6px solid #6390eb;
	}
	
	.TitleBox
	{
		font-size: 60px;
	}
	
	.NumCard
	{
		height: 100px;
		width: 100px;
		font-size: 60px;
		border: 6px solid #6390eb;
	}
	
	.Number
	{
		height: 100px;
		width: 100px;
		font-size: 60px;
		border: 6px solid #6390eb;
	}
	
	.ChosenCard
	{
		height: 100px;
		width: 100px;
		color: white;
		font-size: 60px;
		text-align: center;
		border: 6px solid #6390eb;
		background-color: #75aaee;
	}
}