@import url(fonts.googleapis.com/css?family=Roboto:500,700);
html {
color: #222; font-size: 1em; line-height: 1.4; font-weight: 500; height: 100%;
}
body {
text-align: center; color: #222; font-family: 'Roboto', sans-serif; height: 100%; background-image: url("/img/background.png"); font-size: 2em;
}
table {
margin-left:auto; margin-right:auto; margin-top: 1em; margin-bottom: 1em;
}
td {
text-align: center; border: 1px solid black; height: 5em; width: 5em;
}
table button {
background:none; text-decoration:none; padding:0; border:none; display: inline-block; height:100%; width:100%;
}
td-X{
background-image: url("/img/X.svg"); background-size: 90%; background-repeat:no-repeat; background-position: center center;
}
td-O{
background-image: url("/img/O.svg"); background-size: 90%; background-repeat:no-repeat; background-position: center center;
}
h1 {
font-size: 1.5em;
}
a {
text-decoration: none; color: #222;
}