body {
    color: #aaa;
    text-align: center;
}

h1 {
    color: black;
}

#game-wrap canvas {
    width: auto;
    height: auto;
    background-color: white;
    border: 1px solid rgb(114, 84, 100);
    margin: 0 auto;
}

a.button{
     display:inline-block;
     padding:0.5em 3em;
     border:0.16em solid #FFFFFF;
     margin:0 0.3em 0.3em 0;
     box-sizing: border-box;
     text-decoration:none;
     text-transform:uppercase;
     font-family:'Roboto',sans-serif;
     font-weight:400;
     color:#FFFFFF;
     text-align:center;
     transition: all 0.15s;
    }
    a.button:hover{
     color:#DDDDDD;
     border-color:#DDDDDD;
    }
    a.button:active{
     color:#BBBBBB;
     border-color:#BBBBBB;
    }
    @media all and (max-width:30em){
     a.button{
      display:block;
      margin:0.4em auto;
     }
   }