public/projects/react-small-apps/apps/notebook/src/components/layout/Page/Cover.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

.notebook--cover .notebook-page--mirror {
  display: none;
}

.notebook--cover .notebook-page {
  grid-column: 1 / -1;
  background: hsl(0, 4%, 20%);
  color: rgb(234, 235, 236);
  letter-spacing: 1px;
  text-shadow: 1px 1px 0 #000;
  box-shadow: none;
}

.notebook--cover .notebook-page {
  justify-content: center;
  text-align: center;
}

.notebook--cover .notebook-page__title {
  font-size: 3rem;
  font-weight: 600;
}

.notebook--cover .notebook-page .notebook-page__content {
  flex: 0;
}

.notebook--cover .notebook-page .notebook-page__title .form__input {
  text-align: center;
}