html {
        margin: 0;
        padding: 0;       

        background-image: url(./background.png);
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no - repeat;
 
 text-shadow:                    /* fallback for Firefox */
    -1px -1px 0 black,
     1px -1px 0 black,
    -1px  1px 0 black,
     1px  1px 0 black;
		

}

@media (max-width: 768px) {
  html {
    background-image: url(./background-mobile.png);
    background-attachment: scroll; /* 'fixed' often breaks on mobile */
    background-size: cover;
	
	 color: white;
  
  }
  
}



body {
        
        font-family: Verdana, sans-serif;
        text-decoration: none;
        color: #fff;	
		  text-stroke: 1px black;         /* for future support */			

		
}
a:link {
	text-decoration: none;
	color: #fff;
}
a:visited {
	text-decoration: none;
	color: #fff;
} 
a:hover {
	text-decoration: none;
	color: cyan;
	font-weight:normal;	
}

a.small:hover {
	text-decoration: none;
	color: cyan;
	font-weight:normal;	
}

a:active {
	text-decoration: none;
        color: yellow;
}

table {font-size: 21px;}


td {
  text-align: center;      /* horizontal centering */
  vertical-align: middle;  /* vertical centering */
  border: 1px solid #ccc;
  padding: 0;              /* optional */
}

td.key {
  text-align: center;      /* horizontal centering */
  vertical-align: middle;  /* vertical centering */
  border: 1px solid #ccc;
  padding: 0;              /* optional */
  line-height: 50px;      /* centers single-line text vertically */
}


td a {
  display: inline-block;   /* so it behaves like text (not block) */
  width: 100%;             /* optional: make link fill the cell width */
  height: 100%;            /* optional: make link fill the cell height */
  line-height: 75px;      /* centers single-line text vertically */
  text-decoration: none;
  color: black;
}

a.small {
  display: inline-block;   /* so it behaves like text (not block) */
  width: 100%;             /* optional: make link fill the cell width */
  height: 100%;            /* optional: make link fill the cell height */
  line-height: 55px;      /* centers single-line text vertically */
  text-decoration: none;
  color: white;
}


input {border-style: solid;
border-width: 1px;
border-color: #000000;
background:#19182a;
color:#FFF;
font-size:14px;
font-family: Geneva, Arial, Helvetica, sans-serif;}


input.anim {
border-color: #8B864E;
background-image:url('./blue.gif');
background-size: 188px 100px;
background-repeat:repeat;
/*background:#333333;*/
color:#C6DEFD;
font-size: 20px;
text-align:center;
width:100px;
 }

.demo {
	color:white;
	font-weight:bold;
}