Após o carregamento da página, o usuário realizou as ações: 1. moveu o ponteiro do mouse para cima do campo de texto; 2. clicou no campo de texto; 3. moveu o ponteiro do mouse para

Considere a página HTML:

<html>
<body>
<form action="/action_page.php">
  <label for="fname">Nome: </label>
   <input type="text"
name="fname"><br><br>
   <input type="submit" value="Submit">
</form>
</body>
</html>
Considere a aplicação da folha de estilos sobre a página:
    input {background-color: yellow;}
    input[type="submit"]:active {background-color: pink;}
    input[type="text"]:focus {background-color: green;}
    input[type="text"]:focus:hover {background-color:
red;}

Após o carregamento da página, o usuário realizou as ações: 1. moveu o ponteiro do mouse para cima do campo de texto; 2. clicou no campo de texto; 3. moveu o ponteiro do mouse para fora do campo de texto; 4. clicou no fundo da página, fora do campo de texto. Após as ações executadas sequencialmente, qual será a cor do elemento fname?