My stylesheet doesn't seem to be applying properly. Initially, I had all my CSS in the same HTML file. Then I created a separate CSS file and copied all my styles onto that file, but now the styles are not being applied.
I have already checked for syntax errors and confirmed that the spelling is correct. Additionally, both the HTML and CSS files are in the same folder, so the path should be correct as well.
.google{
display: block;
width: 200px;
margin-left: 150px;
margin-bottom: 10px;
}
.searchbox{
width: 590px;
}
<!DOCTYPE html>
<html>
<head>
<title>Google Search doppleganger</title>
<link rel="styleheet" href="8c.css">
</head>
<body>
<img class="google" src="images-practice/google-logo-2.png">
<input class="searchbox"
type="search"
placeholder="Search Google or type a URL">
</body>
</html>