body{
    background-color: rgb(228, 228, 228);

}
header{
    font-family: 'Maquina-fina';
    
}

div{
    font-family: 'Maquina', sans-serif;
}

@font-face{
    font-family: 'Maquina-fina';
    src: url('jmh_typewriter/JMH Typewriter-Thin.ttf') format('truetype');
    font-weight: 100;
}

@font-face{
    font-family: 'Maquina';
    src: url('jmh_typewriter/JMH Typewriter.ttf') format('truetype');
    font-weight: 400;
}

@font-face{
    font-family: 'Maquina-bold';
    src: url('jmh_typewriter/JMH Typewriter-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face{
    font-family: 'Maquina-bolder';
    src: url('jmh_typewriter/JMH Typewriter-Black.ttf') format('truetype');
    font-weight: 900;
}
.logo{
    height: 200px;
    width: auto;
}

#musica{
    display: flex;
    justify-content: flex-start;
    color: rgb(141, 223, 255);
    background-color: rgb(5, 146, 146);
    border: none;
    border-radius: 5px;
    position: absolute;
    left:60%;
    
}