diff --git a/src/background.png b/src/background.png
new file mode 100644
index 0000000..8a9ee38
Binary files /dev/null and b/src/background.png differ
diff --git a/src/fonts/fonts.css b/src/fonts/fonts.css
index a6a8017..3517016 100644
--- a/src/fonts/fonts.css
+++ b/src/fonts/fonts.css
@@ -14,7 +14,7 @@
}
@font-face {
- font-family: "GoldenRatio Demo";
+ font-family: "GoldenRatio";
src: url("golden_ratio/GoldenRatio-Demo.otf");
}
diff --git a/src/index.html b/src/index.html
index fb5062c..1e23aea 100644
--- a/src/index.html
+++ b/src/index.html
@@ -47,7 +47,7 @@
-
Louise Gouthéraud
+
Louise Goutheraud
Réalisatrice
@@ -61,7 +61,7 @@
-
Mannequins
+
Mannequins
- Jeanne Gouthéraud
- Marylou Gricourt
@@ -73,7 +73,7 @@
-
Écrivains
+
Ecrivains
- Louise Gouthéraud
- Jeanne Gouthéraud
@@ -82,7 +82,7 @@
-
Site internet
+
Site internet
- Elisa Blancart
- Adrian Amaglio
diff --git a/src/main.css b/src/main.css
index 840a564..839fb32 100644
--- a/src/main.css
+++ b/src/main.css
@@ -1,6 +1,44 @@
+html {
+ background-image: url('./background.png');
+ background-size: contain;
+ background-position-y: -175px;
+}
+
body {
max-width: 1300px;
margin: auto;
+ font-family: "LiberationSerif";
+}
+
+h1 {
+ font-family: Kiona;
+ font-size: 100px;
+ letter-spacing: -5px;
+ line-height: 105px;
+ margin-bottom: 5px;
+ margin-top: calc(1em + 5vh);
+}
+
+h2 {
+ font-family: "Ge Body";
+ margin-bottom: 1.5em;
+}
+
+h3, h4 {
+ font-family: "GoldenRatio";
+ margin: 0.8em 0;
+}
+
+h3 {
+ font-size: 1.3em;
+}
+
+h4 {
+ font-size: 1.1em;
+}
+
+section {
+ margin-top: 5em;
}
header {
@@ -21,6 +59,11 @@ header .button {
color: black;
}
+header #download {
+ margin-top: calc(40vh - 189px);
+ margin-bottom: calc(55vh - 189px);
+}
+
.profil {
display: inline-flex;
width: 49%;
@@ -28,6 +71,7 @@ header .button {
.profil:nth-child(2n) {
flex-direction: row-reverse;
+ text-align: right;
}
.profil > div {
@@ -41,10 +85,11 @@ header .button {
.participants {
display: flex;
+ justify-content: space-around;
+ margin: 4em 5em;
}
.participants > div {
- flex: 1 1 auto;
text-align: center;
}
@@ -132,4 +177,10 @@ header .button {
#contact textarea {
padding: 0.75rem 0.55rem;
line-height: 1.1em;
+}
+
+ul,ol,li {
+ list-style: none;
+ padding: 0;
+ margin: 0;
}
\ No newline at end of file