Files: eb3938470f7dee8766731b14c7345333971487e8 / styles / index.css
649 bytesRaw
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 | } |
Built with git-ssb-web