Media query is not working when i try to change the color

Question

1.mediaquery.css

[body {
  color: red;
}
.title {
  font-size: 6rem;
}

.subtitle {
  font-size: 4rem;
}

@media all and (max-width: 500px) {
  body {
    color: