style.css

@import url('https://fonts.googleapis.com/css?family=Roboto');

body{
    background-image: linear-gradient(to bottom right, MidnightBlue, DodgerBlue)
}

/*
.canvas {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
*/


h1{
    text-align: center;
    font-family: 'Roboto'; 
    font-size:20pt;
    color: white;
    margin-bottom: 20px;
}



input[type=button]{
  display:inline-block;
  padding:0.35em 1.2em;
  border:0.1em solid #FFFFFF;
  margin:0 0.3em 0.3em 0;
  color:#FFFFFF;
  text-align:center;
  transition: all 0.2s;
  text-decoration:none;
  box-sizing: border-box;
  border-radius:0.12em;
  font-family:'Roboto',sans-serif;
  font-weight:300;
  font-size:12pt;
  background: transparent;
}

input[type=button]:hover{
  background:#fff;
  color:#1AAB8A;
  font-family:'Roboto',sans-serif;
 font-weight:300;
}

@media all {
 a.button1{
  display:block;
  margin:0.4em auto;
 }
}

label{
    color: white;
    font-family:'Roboto',sans-serif;
  font-weight:300;
  font-size:12pt;
}