* { 
    padding: 0px;
    margin: 0px auto;
}

header { 
    text-align: center; 
    font-family: monospace; 
    font-weight: bold; line-height: 300%; 
    font-size: 14px; 
    padding: 20px; 
    margin: 20px auto;
    background-color: rgb(255, 255, 200); 
    border: 1px solid rgb(0, 0, 0); 
    width: 800px;
    box-shadow: 0px 0px 15px rgb(136, 136, 136); 
    border-radius: 10%;
}

button { 
    width: 100px; 
    background-color: rgb(0, 0, 0); 
    border: 2px dotted #FFF; 
    color: #FFF;
}

a { 
    text-decoration: none; 
    color: rgb(0, 0, 238); 
}

a:hover { 
    color: rgb(153, 0, 0); 
}

.invisible { 
    display: none;
}

#valorResultado {     
    border: 2px dotted rgb(0, 0, 0); 
    font-size: 18px;
    padding: 7px; 
    display: inline;
}

.acertar {
    background-color: rgb(0, 255, 0);
}

.fallar {
    background-color: rgb(255, 0, 0);
}