*{
margin: 0;
padding: 0;
}



body{
background-repeat: no-repeat; 
width: 100%; height: 100vh;
 background-image: url("../imagens/homem_contra_maquina.svg");

}


#btn-config{
background-color: #4FA8FB ;
 
border: 3px solid white;
border-radius: 10px;
padding: 2px;
}
#btn-config img{

    border-radius: 10px;
    width: 40px; 
}




#btn-start{
border: 3px solid white;
background-color: #4FA8FB ;
border-radius: 10px;
font-size: 35px;
margin: auto;
padding: 2px 20px;
transition: transform 0.2s ease;
}


 

#btn-start:hover, #btn-start:focus{ 

    transform: scale(1.1);
    box-shadow: 5px 5px 5px rgba(221, 197, 197, 0.9),
              /* Uma sombra para a esquerda e para cima */
              -5px -5px 5px rgba(0, 0, 0, 0.2),
              /* Uma sombra para a direita e para cima */
              5px -5px 5px rgba(0, 0, 0, 0.2),
              /* Uma sombra para a esquerda e para baixo */
              -5px 5px 5px rgba(177, 174, 174, 0.2)
}




.container{
    display: flex;
justify-content: center;
align-items: center; 
    width: 100%;
    height: 100%;
    
}
.container img{
max-width: 100%;
max-height: 100%;

}