index.css

body{
    margin:0;
    background-color: #797979;
    font-family: "Roboto";
}
.gamearea{
    display:grid;
    grid-template-rows: auto auto;
    background-color: #f3f3f3;
    margin-top:5em;
    margin-left:16em;
    width:600;
    height:400;
    align-items: center;
    justify-content: center;
}
.head{
    font-family: "Alegreya";
    font-size:3em;
    text-align: center;
}
.buttons{
    display:grid;
    grid-template-columns: auto auto;
    font-family: "Roboto";
    grid-column-gap: 3em;
}
.button1{
    
        background-color: white;
        color: black;
        border: 2px solid #999999;
        padding: 16px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 4px 2px;
       transition-duration: 0.4s;
        cursor: pointer;
      
      
}
.button1 hover{
    background-color: #b2b2b2;
}
a{
    text-decoration: none;
    color:black
}