Just as the title suggests, I have an external style sheet connected to my HTML document, and it appears that the footer element may be incorporating the changes, but none of the other content is. Being new to this, I'm trying to pinpoint where I went astray.
Here is the snippet of the HTML code:
<!DOCTYPE html>
<html lang="en">
<head>
<title>JavaJam Coffee House and Live Music</title>
<meta charset="utf-8">
<link href= "javajam.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<h1>JavaJam Coffee House</h1>
<nav>
<a href="index.html">Home</a>
<a href="menu.html">Menu</a>
<a href="music.html">Music</a>
<a href="jobs.html">Jobs</a>
</nav>
<main>
<h2>Relax at JavaJam</h2>
<ul>
<li>Specialty Coffee and Tea</li>
<li>Bagels, Muffins, Gluten-free Pastries</li>
<li>Organic Salads</li>
<li>Music and Poetry Readings</li>
<li>Open Mic Night</li>
</ul>
<div>
12010 Garrett Bay Road <br>
Ellison Bay, WI 54210 <br>
888-555-5555 <br> <br>
</div>
</main>
<footer>
Copyright © 2018 JavaJam Coffee House <br>
<a href = "mailto: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f7929a969e9bb7929a969e9bd994989a">[email protected]</a>"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="cfaaa2aea6a38faaa2aea6a3e1aca0a2">[email protected]</a></a>
</footer>
</body>
</html>
And here is the excerpt from the external style sheet:
body {background-color: #FCEBB6;
color: #221811;
font-family: verdana;}
header {background-color: #D2B48C;
text-align: center;}
h1 {line-height: 200%;}
nav {text-align: center;
font-weight: bold;}
footer{background-color: #D2B48C;
font-size: .60em;
font-style: italic;
text-align: center;}