Hey everyone, I'm new to web development and currently building a basic website on my computer. However, I'm facing an issue where the font I want to use is not changing. Both my HTML and CSS files are located in the correct folder and I am confident that they are linked correctly. I even tried using !important, but that didn't have any effect. I've double-checked for spelling errors as well. Can anyone help me identify what's wrong with my code?
HTML:
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width-device-width">
<meta name="author" content="CCN">
<title>Acme Web Design | Welcome </title>
<link rel="sylesheet" href="style.css">
</head>
<body>
<header>
<div class="container">
<div id="branding">
<h1> Acme Web Design</h1>
</div>
<nav>
<ul>
<li><a href="index.html"> Home</a></li>
<li><a href="about.html"> About</a></li>
<li><a href="services.html"> Services</a></li>
</ul>
</nav>
</div>
</header>
<section id="showcase">
<div class="container">
<h1> Affordable Professional Web Design</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce mattis, mauris eget bibendum bibendum, diam urna interdum nisl, quis auctor est urna sed felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris eget imperdiet nisi. </p>
</div>
</section>
<section id="newsletter">
<div class="container">
<h1> Subscribe To Our Newsletter</h1>
<form>
<input type="email" placeholder="Enter Email...">
<button type="submit" class="button_1"> Subscribe</button>
</form>
</div>
</section>
<section id="boxes">
<div class="container">
<div class="box">
<img src="./img/logo_html.png" >
<h3> HTML 5 Markup</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
</div>
<div class="box">
<img src="./img/logo_css.png" >
<h3> CSS3 Styling</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
</div>
<div class="box">
<img src="./img/logo_brush.png" >
<h3> Graphic Design</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
</div>
</section>
<footer>
<p> Acme Web Design, Copyright © 2017 </p>
</footer>
CSS:
body{
font-family: Arial, Helvetica, sans-serif;
}