body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: rgb(97, 20, 20);
    color: white;
}

h1 {
    font-size: 400%;
    text-align: center;
}

canvas {
    /* display: table-row;
    position: absolute; */
    margin-top: 10vh;
    /* margin-left: 25vh; */
}

.game {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
}

.left-buttons {
    margin-left: 3%;
    font-size: xx-large;
    margin-right: 1.5%;
}

.right-buttons {
    margin-right: 3%;
    font-size: xx-large;
    margin-left: 1.5%;
}

/* #right-up-button {
    display: inline-block;
    margin-right: 10%;
    border: 4px #912903 solid;
    background: brown;
    height: 70px;
    width: 100px;
    text-align: center;
   
}

#left-up-button {
    display: inline-block;
    margin-left: 10%;
    border: 4px #912903 solid;
    background: brown;
    height: 70px;
    width: 100px;
    text-align: center;
}

#right-bottom-button {
    display: inline-block;
    margin-right: 10%;
    border: 4px #912903 solid;
    background: brown;
    height: 70px;
    width: 100px;
    margin-top: 200px;
    text-align: center;
  
}

#left-bottom-button {
    display: inline-block;
    margin-left: 10%;
    border: 4px #912903 solid;
    background: brown;
    height: 70px;
    width: 100px;
    margin-top: 200px;
    text-align: center;
} */
.start-new {
    display: flex;;
    justify-content: center;
}
#play {
    font-size: xx-large;
    display: table-row;
    position: absolute;
    border: 4px #912903 solid;
    background: brown;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 3px;
    margin-top: 1%;
    /* margin-left: 40%; */
}

#sound {
    font-size: larger;
    font-weight: bolder;
    display: inline-block;
    float: right;
    border: 4px #912903 solid;
    background: brown;
    margin-right: 10%;
}

.github-link {
    display: flex;
    justify-content: center;
    margin-top: 8px;

}

a {
    font-size: 60px;
    margin-right: 40px;
}