body {
    background-color: #262626;
    color: white;
    font-family: 'Press Start 2P', cursive;
    margin: 0 auto;
    width: 50%;
}
.string {
    border: 1px solid #262626;
    display: inline;
    float: left;
    height: 20px;
    width: 20px;
}
.string-middle {
    display: inline;
}
.fret {
    display: block;
}
#fret-9 td {
    background: #555555;
    display: inline;
    float: left;
    height: 20px;
    width: 20px;
}

#fret-9 .first {
    border: 1px solid green;
}

#fret-9 .second {
    border: 1px solid red;
}

#fret-9 .third {
    border: 1px solid yellow;
}

#fret-9 .forth {
    border: 1px solid blue;
}

#fret-9 .fifth {
    border: 1px solid orange;
}

#score {
    border-top: 1px solid white;
    padding-left:150px;
    padding-top: 5px;
}
#start {
    background-color: #262626;
    border: 1px solid white;
    color: white;
    font-family: 'Press Start 2P', cursive;
    font-size: 16px;
    margin: 10px;
}
body {
    background-color: #262626;
    color: white;
    font-family: 'Press Start 2P', cursive;
    margin: 0 auto;
    width: 50%;
}
.string {
    border: 1px solid #262626;
    display: inline;
    float: left;
    height: 20px;
    width: 20px;
}
.string-middle {
    display: inline;
}
.fret {
    display: block;
}
#fret-9 td {
    display: inline;
    float: left;
    height: 20px;
    width: 20px;
}

#fret-9 .first {
    border: 1px solid green;
}

#fret-9 .second {
    border: 1px solid red;
}

#fret-9 .third {
    border: 1px solid yellow;
}

#fret-9 .forth {
    border: 1px solid blue;
}

#fret-9 .fifth {
    border: 1px solid orange;
}

#score {
    border-top: 1px solid white;
    padding-left:150px;
    padding-top: 5px;
}
#start {
    background-color: #262626;
    border: 1px solid white;
    color: white;
    font-family: 'Press Start 2P', cursive;
    font-size: 16px;
    margin: 10px;
}
Update background of hammer row
Update background of hammer row
