@charset "UTF-8";
/* CSS Document */

.buttontable{
	max-width:225px;
	border:0px;
}

table.buttontable td{
width:100px;
height:100px;
text-align:center;
font-size:16px;
font-weight:700;
border-width:medium;
border-color: white;
border-style:solid;
border-radius: 100px; /*really large border radius to create round borders*/
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
background-clip: padding-box; 
-webkit-background-clip: padding-box; 
-moz-background-clip: padding-box; 
font-family: "Lato", sans-serif;
color: white;
}

.selected {
color:white;
border-width:thick;
border-style:solid;
border-color:#gray;
background-color:#F35F55;
}

table.buttontable td:hover{
border-color:lightgray;
}

table.buttontable td:active{
color:white;
}






.button1, .button2,.button3, .button4, .button5, .button6, .button7, .button8{
background: rgb(160,194,223);
background: radial-gradient(circle, rgba(160,194,223,1) 0%, rgba(189,213,234,1) 100%);
    color:white;
}





