﻿/* Ben Wegher's - CSS File */

th
{
text-align:center;
}

td
{
text-align:center;

}

.spaced tr td
{

padding:7px 7px 7px 7px;
}

div.txt
{
text-align:left;
font-size:16px;
margin-left:15px;
margin-right:15px;
}

div.scoreboard
{
height:125px; 
width:225px; 
position:absolute;
top:100px; 
left:475px;
font-family:Comic Sans MS,cursive,sans-serif;
font-size:28px;
border:0px solid;
margin:5px 5px 10px; /*top left bottom*/
}

div.gameOver
{
height:50px;
width:100px;
font-size:72px;
position:absolute;
top:234px;
left:155px;
z-index:8;
color:white;
}

.fun
{
position:absolute;
width:80px;
height:80px;
top:425px;
/*background:lightBlue;*/
background:#CCFFCC;
 -webkit-transition: all 1.5s ease-in;
 -moz-transition: all 1.5s ease-in;
 -o-transition: all 1.5s ease-in;
 transition: all 1.5s ease-in;

/*
border-radius:0px;
-moz-transition: all 1s ease-out .1s; 
-webkit-transition: all 1s ease-out .1s;  
-ms-transition: all 1s ease-out .1s;  
-o-transition: all 1s ease-out .1s;  
transition: all .9s ease-out .1s; 	/*
-webkit-transition: top 1s ease-out;
-moz-transition: top 1s ease-out; 
-o-transition: top 1s ease-out;
transition: top 1s ease-out;	*/
}

.fun2 
{
position:absolute;
width:80px;
height:80px;
top:425px;
background:#CCFFCC;
}

.fun:hover
{
background:#CCFFCC;
-webkit-transform: rotate(360deg) skewX(90deg);
-moz-transform: rotate(360deg) skewX(90deg);
-o-transform: rotate(360deg) skewX(90deg);
-ms-transform: rotate(360deg) skewX(90deg);
transform: rotate(360deg) skewX(90deg);

/*
top:10px;
border-radius:100px;
height:200px;
width:200px;*/


/*
-moz-transition: all 1s; 
-webkit-transition: all 1s;  
-ms-transition: all 1s;  
-o-transition: all 1s;  
transition: all 1s;  */

/*
-webkit-transition: top 1s ease-out .2s;
-moz-transition: top 1s ease-out .2s; 
-o-transition: top 1s ease-out .2s;
transition: top 1s ease-out .2s;*/
}

div#feedback
{
position:absolute;
height:75px;
width:180px;
top:580px;
left:575px;
background: lightBlue;
-moz-box-shadow:    inset 0 0 10px #000000;
-webkit-box-shadow: inset 0 0 10px #000000;
box-shadow:         inset 0 0 10px #000000;
text-align:center;
font-size:20px;
padding: 15px;
}

div.center
{

 margin-left:auto;
 margin-right:auto; 
}

h1.click
{
font-size:29px;
cursor:pointer;
}

