Подскажите в чем проблема, css не работает, как исправить?
1
<!DOCTYPE html>
<html lang="ru">
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>КИНО.АМ</title>
<meta charset="utf-8">
<meta name="description" content="free film">
<meta name="keywords" content="film, kino, кино,KINO.AM, кино.ам">
</head>
<body>
<div class="main">
<div class="header"></div>
<div class="logo"></div>
<div class="logo_text">
<h1><a href="/">КиноАм</a></h1>
<h2>Наслаждайтесь любимыми филмами обсалютно бесплатно </h2>
</div>
</div>
<h1>Привет, Скуби-Ду</h1>
<div class="content">
<h4>Шегги,<span class="colorworld">Скуби-Ду</span> и его команда на этот раз отправляются на Гавайи, в Большую Кахуну, чтобы посмотреть соревнования по серфингу Ханахуны и найти ужасного монстра, который страстно хочет помешать состязаниям. Жители острова уверены, что постройка нового комплекса для отдыха на священной земле разозлит духов, но гости этому не верят… Когда армия маленьких злых демонов начинает нападать на серферов – пророчество сбывается. Интересно, сумет ли Дафна разобраться с этим опасным делом прежде, чем попадет в жуткую переделку?!</h4></div>
</body>
</html>а это css не работает
.colorworld{
background-color: yellow;
}
.content{
width: 300px;
background-color:brown ;
}
.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-right: auto;
margin-left: auto;
}
.logo{
width: 880px;
padding-bottom: 40px;
}