@import url('https://fonts.googleapis.com/css?family=Audiowide');

body 
{
    font-family: 'Audiowide', cursive;
    background-image : url("images/james-background.jpg"); 
    background-size : contain;
    background-repeat : repeat-2;
}


.menuoptions
{
	diplay : block;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#87e0fd+0,3c7cea+52,05abe0+100 */
background: #87e0fd; /* Old browsers */
background: -moz-linear-gradient(top,  #87e0fd 0%, #3c7cea 52%, #05abe0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #87e0fd 0%,#3c7cea 52%,#05abe0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #87e0fd 0%,#3c7cea 52%,#05abe0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */

	
	color : #000000;
	font-size : 1.8rem;
	text-align : center; 
	padding : 20px 10px 20px 10px;
	margin : 20px 0px 20px 0px;
	border-radius : 10px;
    border : 5px solid #000000;
}		

.siteheadings
{
	display : block;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#87e0fd+0,3c7cea+52,05abe0+100 */
background: #87e0fd; /* Old browsers */
background: -moz-linear-gradient(top,  #87e0fd 0%, #3c7cea 52%, #05abe0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #87e0fd 0%,#3c7cea 52%,#05abe0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #87e0fd 0%,#3c7cea 52%,#05abe0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
	
	color : #000000;
	font-size : 1.8rem;
	text-align : center; 
	padding : 40px 5px 40px 5px;
	margin : 20px 0px 20px 0px;
	border-radius : 10px;
    border : 5px solid #000000;
}

.timestablebox
{
	display : inline-block;
	background-color : #000000;
	color : #00ff80;
	font-size : 1.3rem;
	text-align : center; 
	padding : 30px 5px 30px 5px;
	margin : 30px 5px 30px 5px;
	border-radius : 30px;
    border : 10px solid #00ff80; 
    width : 20%;
    background-image : url("images/times-table-bg1.jpg"); 
    background-size : contain;
}

.centerscreen
{
	display : block;
	text-align : center;
	
}


.introbox
{
	display : block;
	background-color : #000000;
	color : #00ff80;
	font-size : 1.8rem;
	text-align : center; 
	padding : 30px 5px 30px 5px;
	margin : 30px 50px 30px 50px;
	border-radius : 30px;
    border : 3px solid #00ff80; 
}


.hibox
{
    color : #00ff80; 
}

.morsetranslated
{
	display :inline-block;
	background-color : #000000;
	color : #00ff80;
	font-size : 1.8rem;
	text-align : center; 
	padding : 30px 5px 30px 5px;
	margin : 30px 50px 30px 50px;
	border-radius : 30px;
    border : 3px solid #00ff80; 
}