button {
    font-family: "Arial Black", serif;
    font-size: 15px;
    color: white;
    position: fixed;
    right: 50%;
    top: 30%;
    text-decoration: none;
    height: 60px;
    width: 150px;
    border-radius: 20px;
    border: none;
    cursor: pointer;
}

#drawn {
    height: 200px;
    width: 200px;
    position: fixed;
    right: 20%;
    top: 20%;
    font-family: "Arial Black", serif;
    color: white;
    border-radius: 100px;
    text-align: center;
    vertical-align: middle;
    line-height: 200px;
    font-size: 50px;
}

.empty {
    background-color: #FF44AA;
}

.ball {
    height: 50px;
    width: 50px;
    border-radius: 25px;
    background-color: red;
    position: fixed;
    font-family: "Arial Black", serif;
    color: white;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    display: none;
}

.ball_b {
    background-color: #4444FF;
}

.ball_i {
    background-color: #FF4444;
}

.ball_n {
    background-color: #888888;
}

.ball_g {
    background-color: #44AA44;
}

.ball_o {
    background-color: #DDAA44;
}