html{
    font-size:10px;
    font-family: Arial, Helvetica, sans-serif;
}

body{
    background-image:url('./assets/images/fondo.jpg');
    background-repeat: no-repeat;
    background-size:cover ;
    background-position:top center;
}

.keys{
    color:white;
    display:flex;
    flex:1;
    min-height: 100vh;
    justify-content:center;
    align-items:center;
}

.key {
    border: .4rem solid white;
    border-radius: 2rem;
    margin: 1rem;
    font-size: 1.5rem;
    padding: 1rem .5rem;
    transition: all .07s ease;
    width:15rem;
    text-align: center;
    color: white;
    background: rgba(0,0,0,0.4);
    text-shadow: 0 0 .5rem black;
}

kbd{
    display:block;
    font-size:4rem;
}

.sound {
    font-size:1.2rem;
    text-transform: uppercase;
    letter-spacing: .1rem;
    color: #c8ff00;
}

.playing {
    transform: scale(1.1);
    background:#85C1E9 ;
    box-shadow: 0 0 1rem #85C1E9;
}
  

/*# sourceMappingURL=main.css.map*/