Курс html/css урок 20 в header на сайте не окрашивается фон?

Доброго времени суток! Я уже не первый кто задает этот вопрос, но все же еще раз задам, потому как на него я ответа не нашел и будьте так любезны помогите найти ответ на него:

Вот код, где ошибка

.header {	
    background-color: darkslateblue;
	height: 177px;
	font-size: 0.8em;
	margin-left: 0px;
	margin-right: 0px;
	min-width: 900px;
}

.main, .logo, .menubar, .site_content, .footer {
	margin-left: auto;
	margin-right: auto;
}

.logo {
	width: 880px;
	padding-bottom: 40px;
}

<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<title>КиноМонстр</title>
	<meta name="discriphion" content="Киномонстр - это портал о кино" />
	<meta name="keywords" content="фильмы, фильмы онлайн, hd" />
    <link rel="stylesheet" href="assets/css/style.css">	
</head>
<body>
	<div class="main">	
		<div сlass="header">
			<div class="logo">
				<div class="logo_text">
					    <h1><a href="/">КиноМонстр</a></h1>
		                <h2>Кино - наша страсть!</h2>
				</div>  
			</div>
		</div>
	</div>	
</body>
</html>

html

css

6 ответов

Лишнее двоеточие уберите здесь

.header:{

Ошибка 100% в букве "c" в слове class

Вот на латинице все буквы. Вставьте этот код и заработает бекраунд

<div class="main">	
		<div class="header">
			<div class="logo">
				<div class="logo_text">
					    <h1><a href="/">КиноМонстр</a></h1>
		                <h2>Кино - наша страсть!</h2>
				</div>  
			</div>
		</div>
	</div>

Проверьте, что условие class все буквы на английском, первая буква похожа на кириллицу

Все буквы на английском проверил ошибка не найдена!!!

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="description" content "Киномонстр- это портал о кино" />
<meta name="keywords" content="фильмы,фильмы онлайн , hd" />
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
</head>
<body>

<div class="main"> 
<div class="header">
<div class="logo">
<div class="logo_text">
<h1><a href="/">КиноМонстр</a></h1>
<h2>Кино - наша страсть!</h2>
</div> 
</div>
</div>
</div>

</body>
</html>

css

.header:{
background-color: darkslateblue;
height: 177px;
font-size: 0.8em;
margin-left: 0px;
margin-right: 0px; 
min-width: 900px;
}
.main, .logo, .menubar, .site_content, .footer {
margin-left: auto;
margin-right: auto;
}
.logo{
width: 880px;
padding-bottom: 40px;
}

у меня такую же ошибку показывает