CSSが急に適用されなくなった

PHPで掲示板サイトを作っています。
投稿用の画面を作り、投稿内容を表示するための仮のHTMLを記述し、そこにCSSを適用させようとしたのですが、反映されなくなりました。
###自分でしてみたこと
他のh1要素なども変更してみましたが、その変更も受け付けず、今までのスタイルが適用されています。
またMAMPのhtdocsのなかにサイトのファイルをまとめてpostフォルダに置いておいたのですが、フォルダの名前をpost2などにするとCSSが正しく適用されるようになります。
これはどうしたらいいのでしょうか？
style.css

css
1@charset "UTF-8";
2header {
3    background:#87CEEB;
4}
5header h1{
6    padding:10px;
7    margin:10px;
8    border-left:3px solid white;
9}
10main {
11    background:#E0FFFF;
12}
13main form dt{
14    margin-left:10px;
15    border-left:3px solid blue;
16}
17main form dt .required{
18    background:red;
19    color:white;
20    margin:0 5px;
21}
22.error{
23    color:blue;
24}
25.msg img{
26    float:left;
27    
28}

index.php

php
1<?php 
2require_once('dbconnect.php');
3session_start();
4if(isset($_SESSION['id'])&&$_SESSION['time']+3600>time()){
5$_SESSION['time']=time();
6
7$members=$db->prepare('SELECT * FROM members WHERE id=?');
8$members->execute(array($_SESSION['id']));
9$member=$members->fetch();
10}else{
11    header('Location:login.php');
12    exit();
13}
14
15if(!empty($_POST)){
16    if(!empty($_POST['message'])){
17        $message=$db->prepare('INSERT INTO posts SET member_id=?,message=?,created=NOW();');
18        $message->execute(array($member['id'],$_POST['message']));
19
20        header('Location:index.php'); exit();
21    }
22}
23?>
24
25<!DOCTYPE html>
26<html>
27<head>
28<link rel="stylesheet" href="css/style.css">
29<meta charest="UTF-8">
30<title>ひとこと掲示板投稿画面</title>
31</head>
32<body class="index">
33<header>
34<h1>ひとこと掲示板</h1>
35</header>
36<main>
37<form action="" method="POST">
38    <dl>
39        <dt><?php echo htmlspecialchars($member['name'])?>さん、メッセージをどうぞ</dt>
40        <dd><textarea name="message" cols="50" rows="5"></textarea></dd>
41    </dl>
42    <div>
43        <input type="submit" value="投稿する">
44    </div>
45</form>
46
47<div class="msg">
48<img src="member_picture/me.jpg" width="48" height="48" alt="makoto" />
49<p>こんにちは<span class="name">(makoto)</span></p>
50<p class="day">2019/2/1</p>
51</div>
52</main>
53</body>
54</html>