git ssb

1
main.index {
2
  font-size: 16px;
3
  margin: 25px auto;
4
  max-width: 1024px;
5
}
6
.index h3 {
7
  font-weight: normal;
8
  text-align: center;
9
}
10
11
.index .about {
12
  align-items: center;
13
  display: flex;
14
  justify-content: space-between;
15
  margin: 50px 0;
16
}
17
18
.index p {
19
  margin: 15px 0;
20
}
21
22
.picture-container img {
23
  border-radius: 50%;
24
}
25
26
@media (max-width: 1024px) {
27
  main.index {
28
    margin: 25px 25px;
29
  }
30
}
31
32
@media (min-width: 740px) {
33
  .about-text {
34
    width: 70%;
35
  }
36
}
37
38
@media (max-width: 740px) {
39
  .index h3 {
40
    text-align: justify;
41
  }
42
  .index .about {
43
    flex-direction: column-reverse;
44
  }
45
  .picture-container {
46
    margin: 0 0 25px;
47
  }
48
}