@font-face{
   font-family:bingoCard;
   src:url(FreePixel.ttf);
   }
@font-face{
   font-family:freeSpace;
   src:url(GreatLakesNF.ttf);
   }
   
.free{
   font-family:freeSpace;
   font-size:1.2em;
   }
   
#wrapper{
   width:900;
   margin-left:auto;
   margin-right:auto;
   font-family:bingoCard;
   }
   
table{
   margin-left:auto;
   margin-right:auto;
   //border-collapse: collapse;
   border:4px black solid;
   border-spacing:0px;
   }
   
td{
   width:170px;
   height:170px;
   border:3px black solid;
   background-color:white;
   text-align:center;
   font-family:bingoCard;
   font-size:18pt;
   padding:2px;
   line-height:0.8em;
   //margin:-3px;
   }
   
.binged{
   background-color:#FF5050;
   }
   
.btn {
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  text-shadow: 0px 0px 4px #ffffff;
  font-family: bingoCard;
  font-weight:bold;
  color: #000000;
  background: #ef3120;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #fdda40;
  text-decoration: none;
}

.hang-right{
   margin-right:0px;
   }
   
a{
   text-decoration:none;
   font-weight:bold;
   color:#ef3120;
   }
a:hover{
   color:#fdda40;
   }
   
.woo{
     border-color: #fdda40;
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */
    -moz-animation-name: example; /* Chrome, Safari, Opera */
    -moz-animation-duration: 3s; /* Chrome, Safari, Opera */
    animation-name: example; /* Chrome, Safari, Opera */
    animation-duration: 3s; /* Chrome, Safari, Opera */
}

@-webkit-keyframes example {
    0%   {border-color: #fdda40;}
    10%  {border-color: #ef3120;}
    20%   {border-color: #fdda40;}
    30%  {border-color: #ef3120;}
    40%   {border-color: #fdda40;}
    50%  {border-color: #ef3120;}
    60%   {border-color: #fdda40;}
    70%  {border-color: #ef3120;}
    80%   {border-color: #fdda40;}
    90%  {border-color: #ef3120;}
    100%   {border-color: #fdda40;}
}

@-eyframes example {
    0%   {border-color: #fdda40;}
    10%  {border-color: #ef3120;}
    20%   {border-color: #fdda40;}
    30%  {border-color: #ef3120;}
    40%   {border-color: #fdda40;}
    50%  {border-color: #ef3120;}
    60%   {border-color: #fdda40;}
    70%  {border-color: #ef3120;}
    80%   {border-color: #fdda40;}
    90%  {border-color: #ef3120;}
    100%   {border-color: #fdda40;}
}

@-moz-keyframes example {
    0%   {border-color: #fdda40;}
    10%  {border-color: #ef3120;}
    20%   {border-color: #fdda40;}
    30%  {border-color: #ef3120;}
    40%   {border-color: #fdda40;}
    50%  {border-color: #ef3120;}
    60%   {border-color: #fdda40;}
    70%  {border-color: #ef3120;}
    80%   {border-color: #fdda40;}
    90%  {border-color: #ef3120;}
    100%   {border-color: #fdda40;}
}