HTML/styles.css at main · YauheniHuryn/HTML · GitHub

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
* {padding: 0; margin:0}

.container {
  display: grid;
  grid-template-rows: repeat(108, 10px);
  grid-template-columns: repeat(192, 10px);
  max-width: 1920px;
  max-height: 1080px;
  }

.item-1 {
  color: #ff66c4;
  font-size: 51px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  outline: 2px solid #38b6ff;
  text-align: center;
  }

.link-light {
  color: white;
  text-decoration: none;
  font-size: 40px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  text-align: center;}

.item-1 {
  grid-row: 6 / 12;
  grid-column: 5 / 37;
  z-index: 1
  }

.item-2 {
  grid-row: 1 / 11;
  grid-column: 1 / 101;
  }

.item-3 {
  grid-row: 7 / 10;
  grid-column: 42 / 43;
  }

.item-4 {
  grid-row: 7 / 10;
  grid-column: 70 / 71;
  }

.item-5 {
  grid-row: 7 / 10;
  grid-column: 86 / 87;
  }

.item-6 {
  grid-row: 7 / 10;
  grid-column: 114 / 115;
  }

 .item-7 {
  grid-row: 7 / 10;
  grid-column: 134 / 151;
  }

.item-8 {
  grid-row: 7 / 10;
  grid-column: 157 / 1180;
  }