Questão 1280921

Considere o seguinte trecho de código HTML e CSS:

<!DOCTYPE html>

<html lang="pt-br">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Questão</title>

<style>

.container {

width: 80%;

margin: 0 auto;

}

.text {

font-size: 20px;

color: blue;

text-align: center;

}

.text:hover {

color: red;

}

</style>

</head>

<body>

<div class="container">

<p class="text">Tribunal de Justiça do Estado do Maranhão</p>

</div>

</body>

</html>

Com base no código apresentado anteriormente, quando o cursor do mouse passa por cima do texto “Tribunal de Justiça do Estado do Maranhão”, o texto: