Olá, estou fazendo um pequeno projeto e esse é o meu html
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/style.css">
<title>Login</title>
</head>
<body>
<section class="area-login">
<div class="login">
<div>
<img src="">
</div>
<form method="POST">
<input type="text" name="nome" placeholder="Usuário" autofocus>
<input type="Password" name="senha" placeholder="Password">
<input type="submit" value="Let's go!">
</form>
<P>
Não possui uma conta? <a href="#">Criar login</a>
<br>
Esqueceu a sua senha? <a href="#">Redefinir senha</a>
</P>
</div>
</section>
</body>
</html>
Até aqui aparece tudo certo mas quando mexo no CSS e começo a aplicar os estilos, nada muda. Aqui o CSS
body{
background-color: #27252571;
font-family: Arial, Helvetica, sans-serif;
overflow: hidden;
}
.area-login{
display: flex;
height: 100vh;
justify-content: center;
align-items: center;
}
Já tentei limpar cache e não adiantou.