.keyboard {
    margin-left: auto !important;
    margin-right: auto !important;
}



@font-face { font-family: 'carton6'; src: url('../assets/Carton_Six.ttf'); }
@font-face { font-family: 'ubuntuM'; src: url('../assets/Ubuntu-M.ttf'); }


.finger1 {background-color: #f1ff5e;}
.finger2 {background-color: #93ffa4;}
.finger3 {background-color: #93c7ff;}
.finger4 {background-color: #f993ff;}
.finger5 {background-color: #ff9393;}

.key {
    text-align: center;
    background-color: white;
    font-family: ubuntuM;
    color: black;
    padding: 5px;
    padding-top: 5px;
    min-width:70px;
    min-height:70px;
    width: 33%;
    max-width: 100px;
    border: solid 1px black;
    border-radius: 15px;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    margin: 3px;
    margin-bottom: 5px;
    cursor: pointer;
    overflow: hidden;
    box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75);
    font-size: 3em;
    text-shadow: #fff 2px 2px, #fff -2px 2px, #fff -2px -2px, #fff 2px -2px;
}


.pressed {
    background-color: red;
}