@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;

}