Почему часть кода css работает, а другая часть не работает?

Вот код css:

body {
  margin: 0;
  font-family: 'Lobster', cursive;
  font-size: 15px;
  line-height: 1.6;
  color: #333;
}
*,
*:before,
*:after {  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

/* Container */
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  color: #fff;
}

/* Intro */
.intro {
  width: 100%;
  height: 100vh;

  background: url("../images/intro.png") center
  no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}


/*Header*/
.header {
  width: 100%;

  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

.header_logo {
  font-size: 30px;
  margin: 0 auto;
  font-weight: 700;
  color: #fff;
}


/*nav*/
.nav {
  font-size: 14px;
  text-transform: uppercase;
}


.nav_link {
  color: #fff;
  text-decoration: none;

  transition: color 0.2s linear;
}

.nav_link:hover {
  color: #fce38a;
}

Вот код html:

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <meta name="keywords" content="Сайт Ikdan, Youtube Ikdan, Ikdan, Minecraft Ikdan, Сервер Minecraft Ikdan, Mainikan Ikdan, Mainikan, Покупка доната Mainikan">
    <link rel="stylesheet" href="assets/css/style.css">
    <link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
    <link rel="shortcut icon" href="https://i0.wampi.ru/2020/05/25/YTUB.png">
    <title>Сервер Mainikan</title>
  </head>
  <body>

    <header class="header">
      <div class=".container">
        <div class="header_inner">

          <nav class="nav">
            <a class="nav_link" href="#">О нас</a>
            <a class="nav_link" href="#">Поддержка</a>
            <a class="nav_link" href="#">Правила</a>
            <a class="nav_link" href="#">Консоль</a>
            <a class="nav_link" href="#">Контакты</a>
          </nav>
        </div>
      </div>
    </header>

    <div class="intro">
      <div class="container">
        <h1>Mainikan</h1>
      </div>
    </div>
  </body>

html

css

1 ответов

Наверно из-за этого не работает:

<div class=".container">

Написан код с опечаткой, не должно стоять точки перед container.