Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Sombra não cobre a tela inteira, apenas uma pequena área ao redor da citação.

.citacao-bio {
    background-color: #D9E5E3;
    border: .5em solid #C2CCCA;
    padding: 1em;
    margin: 1em 2em;
    width: 30ch;
    box-sizing: border-box;
}

.citacao-bio:nth-of-type(even) {
    float: left;
    margin-left: 0;
}

.citacao-bio:nth-of-type(odd) {
    float: right;
    margin-right: 0;
}

.subtitulo-texto {
    font-size: 2em;
}

.citacao-bio:hover {
    box-shadow: 0 0 99999px rgba(0, 0, 0, .8)
}
.citacao-bio:nth-of-type(odd):hover {
    transform: scale(1.2) rotate(5deg);
}
.citacao-bio:nth-of-type(even):hover {
    transform: scale(1.2) rotate(-5deg);
}
1 resposta
solução!

Fala aí Bruno, tudo bem? Faltou você informar mais um parâmetro antes do 99999px, deveria ser três zeros.

Seu código:

box-shadow: 0 0 99999px rgba(0, 0, 0, .8)

O correto seria:

box-shadow: 0 0 0 99999px rgba(0, 0, 0, .8)

Espero ter ajudado.