draft
edouard.paris
1body {
2 margin: 0;
3}
4
5section {
6 height: 100vh;
7}
8
9h1,
10h2,
11h3,
12h4 {
13 font-family: "Instrument Serif", serif;
14 font-weight: 400;
15 font-style: normal;
16}
17
18
19p {
20 font-family: "Roboto Condensed", sans-serif;
21 font-optical-sizing: auto;
22 font-weight: 300;
23 font-style: normal;
24}
25
26.section-first {
27 background-color: #0484fc;
28 background-image: url(/images/noise.png);
29 color: #fff;
30}
31
32.section-first a {
33 color: #fff;
34}
35
36.section-first a:visited {
37 color: #fff;
38}
39
40.section-first-title p {
41 font-family: "Instrument Serif", serif;
42 font-weight: 400;
43 font-style: normal;
44 font-size: 1.7rem;
45}
46
47.section-first-title {
48 padding-top: 10%;
49}
50
51.title {
52 font-size: 10rem;
53 font-style: italic;
54}
55
56.title>small {
57 font-size: 4rem;
58 font-style: italic;
59}
60
61.container {
62 width: 100%;
63 margin-right: auto;
64 margin-left: auto;
65}
66
67@media (min-width: 600px) {
68 .container {
69 max-width: 600px;
70 }
71}
72
73@media (min-width: 840px) {
74 .container {
75 max-width: 840px;
76 }
77}
78
79@media (min-width: 1024px) {
80 .container {
81 max-width: 1024px;
82 }
83}
84
85@media (max-width: 1024px) {
86 .section-first-title p {
87 font-size: 3rem !important;
88 }
89}