/*
	Author: Thomas Kuharski
	Date: 	7/8/2023
*/

/*Compatibility block*/
/* -------------------------------------------------------*/

header, nav, section, article, aside, footer {
        display: block;   
}

/* -------------------------------------------------------*/

/* @import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap'); */

body{
	background-color : #e1f1fd;/*#B2EE80;*/
	font-family : geneva,arial,sans-serif;
}


#container-main{
	width : 1000px; /*600px;*/
	height : 775px;
	margin-top: 25px;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
	background : #c1d8f0;/*#72AA30;*//*#DDDDDD;*/
}

header{
	margin-left: auto;
    margin-right: auto;
	padding-top: 1px;
	text-align: center;
	font-family : geneva,arial,sans-serif;
	font-size:0.9em;
	background-color :  #4663ac;/*#428820;*//*#BBBBBB;*/
}

.cell{
	height: 1.5em;
	width: 	1.5em;
	/* color: black; */
}

.cell-P1-Left{
	background-color: lightblue;
}

.cell-P2-Right{
	background-color: lightsalmon;
}

.cell-P1-Live{
	color: white;
	background-color: blue;
}

.cell-P2-Live{
	background-color: orangered;
}

.cell-goal{
	background-color: gray;
}

/* #grid{
	width: 500px;
	height: 500px;
	margin-left: auto;
    margin-right: auto;
} */

/*
.emoji{
	font-size: 2.5em;
	font-family: 'Noto Color Emoji', sans-serif;
	text-shadow: -1px 1px 0 #444444,
				  1px 1px 0 #444444,
				 1px -1px 0 #444444,
				-1px -1px 0 #444444;
}

.emoji-sm{
	font-size: 1.5em;
	font-family: 'Noto Color Emoji', sans-serif;
	text-shadow: -1px 1px 0 #444444,
				  1px 1px 0 #444444,
				 1px -1px 0 #444444,
				-1px -1px 0 #444444;
}

#map{
	height: 30em;
	width: 35.5em;
	overflow: auto;
}

#log{	
	height: 30em;
	/ width: 35.5em; /
	overflow: auto;
}

.player{
	text-shadow: -2px  2px 0 #222222,
				  2px  2px 0 #222222,
				  2px -2px 0 #222222,
				 -2px -2px 0 #222222;
}
*/
/*
h1{

}

h2{

}

h3{

}

p{

}
*/

#content{
	/*height : 650px;*/
}

footer{
	margin-left: auto;
    margin-right: auto;
	padding-bottom: 7px;
	text-align: center;
	background-color : #4663ac;/*#428820;*//*#BBBBBB;*/
}