html {
  font-family: "Roboto";
  display: block;
  text-align: center;
}

.logo {
    font-weight: 900;
    font-size: 500%;
    color: grey;
    text-decoration: none;
    display: block;
    text-align: center;
    
}

table { 
  color: rgb(0, 0, 0);
  width: 100%;
}
	
th {
	background: linear-gradient(#333 0%,#444 100%);
	color: #FFF; font-weight: bold;
	height: 40px;
}
		
td { 
  background: #ffffff; 
  text-align: center; 
  height: 30px
}

tr:nth-child(even) td { background: rgb(224, 218, 218); } 
tr:nth-child(odd) td { background: #fcfcfc; }

.button{
  display:inline-block;
  padding:0.2em 1.45em;
  margin:0.2em;
  border:0.15em solid #CCCCCC;
  text-decoration:none;
  font-weight:400;
  color:#000000;
  text-align:center;
}
.button:hover{
  border-color:#5f5f5f;
}
.button:active{
  background-color:#525252;
}
@media all and (max-width:30em){
  .button{
    display:block;
    margin:0.2em auto;
  }
}