I have double-checked that both of these files have the correct names and are in the exact same directory. However, for some mysterious reason, the CSS is not applying any styling to my page. I would greatly appreciate any assistance with this issue!
Below is my HTML code:
<html>
<head>
<link rel="stylesheet" type="text/css" href="app.css"/>
<title>Transitions</title>
</head>
<body>
<p id="show">BORING</p>
<p class="animated box">ANIMATED</p>
</body>
</html>
Here is the CSS I am using:
body {
background-color: red;
}
And here is the current structure of my files: