У меня есть файл HTML следующим образом:
<html>
<head>
<link rel="stylesheet" type="text/css" href="main.css" media="screen">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Gothic+A1&display=swap" rel="stylesheet">
<title>My Name</title>
</head>
<div class = "main">
<h1 id="my-name">Hey, I'm John!</h1>
<div class="about">
<p>Bio goes here </p>
</div>
<div class="projects">
<h1 id="project-section-title">Projects</h1>
<dl class="row">
<div class="project">
.
.
.
</div>
</dl>
</div>
</div>
</html>
Я хочу, чтобы стиль всей страницы имел определенный фон, поэтому я добавил
html {
font-family: 'Gothic A1', sans-serif;
background-color: #151515;
color: #8a8a8a;
}
к CSS, но ничего не произойдет, когда я сохраню его.