/*
    File: main.css
    Abstract: CSS file for TicTacToe sample.
    
    Version: 1.0
    Copyright (C) 2010 Apple Inc. All Rights Reserved.
*/

body {
  text-align: center;
  font-size: 16px;
  font-family: Helvetica, sans-serif;
}
table {
  margin-left:auto; 
  margin-right:auto; 
  width: 300px; 
  -webkit-user-select: none; 
}
td {
  height: 90px;
  width: 90px;
  text-align: center;
  font-size: 72px;
  border: 2px solid #cccccc;
  -webkit-border-radius: 10px;
}
#players {
  margin-left:auto; 
  margin-right:auto;
  padding: 20px 10px 10px 10px;
  width: 300px; 
  text-align: left;
}
#players > div {
  display: inline-block;
  padding-right: 25px;
  color: #cccccc;
  -webkit-transition-duration: 200ms;
}
.button {
  float: right;
}
.current-player {
  color: black !important;
  -webkit-transform: scale(1.5);
}
.X-marker {
  color: #663366;
}
.X-marker:before {
  content: "X";
}
.O-marker {
  color: #CC0033;
}
.O-marker:before {
  content: "O";
}