body{
    font-family :Arial;
    background: #3e3b38;
    color: #f3ead3;
    text-align: center;
}

#keyboard{
    display: grid;
    grid-template-columns: repeat(10,60px);
    gap: 8px;
    justify-content: center;
    margin-top: 40px;
}

.key{
    background: #d7e8c8;
    color: #344a33;
    border-radius: 10px;
    padding: 20px;
    cursor: pointer;
    user-select: none;
    
}

.key:hover {
    background: #8bae7e;
}