I have a folder called "tor" and inside I have two folders called "html" and "css." Why is this not working? The file inside the "css" folder is named tor-index.css. It works if I put the css file inside the "html" folder.
.text {
margin-left: 750px;
padding-top: 300px;
position: fixed;
}
h1 {
color: white;
font-size: 70px;
text-decoration: none;
font-family: Verdana;
text-transform: uppercase;
font-weight: normal;
}
header {
padding-bottom: 40px;
}
.button {
background-color: white;
color: black;
text-decoration: none;
font-family: Verdana;
padding: 15px;
text-transform: uppercase;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example</title>
<link href="../css/tor-index.css" rel="stylesheet"/>
</head>
<body>
<div class="text">
<header>
<h1>Example</h1>
</header>
<a href="tor-paintings.html" class="button">Enter Site</a>
</div>
</body>
</html>
strong text