diff --git a/src/index.html b/src/index.html
index d0511e3..c1746e0 100644
--- a/src/index.html
+++ b/src/index.html
@@ -240,18 +240,23 @@
Manifeste de mode de seconde main, Manifeste pour la mode de demain.
-
- Vous avez aimez notre idée, vous souhaitez nous suivre de plus près? Rendez vous sur Mét-amorphose
-
, Méta-morphose
-
+
diff --git a/src/main.css b/src/main.css
index e333913..7a02ed8 100644
--- a/src/main.css
+++ b/src/main.css
@@ -11,6 +11,11 @@ body {
color: #444;
}
+a {
+ color: inherit;
+ text-decoration: none;
+}
+
button, .button {
cursor: pointer;
}
@@ -24,7 +29,7 @@ button, .button {
h1 {
font-family: Kiona;
font-size: 121px;
- letter-spacing: -5px;
+ letter-spacing: -0.047619047619047616em;
line-height: 0.7em;
margin: calc(0.8em + 5vh) auto 20px;
text-align: left;
@@ -183,11 +188,13 @@ header #download {
width: 150px;
border-radius: 100%;
overflow: hidden;
+ flex-shrink: 0;
}
.profil .role {
display: inline-flex;
align-items: center;
+ justify-content: center;
}
.profil .role svg {
@@ -197,7 +204,7 @@ header #download {
.participants {
display: flex;
justify-content: space-around;
- margin: 4em 5em;
+ margin: 4em 5%;
}
.participants > div {
@@ -401,7 +408,7 @@ footer {
.rs {
text-align: center;
align-items: center;
- display: flex;
+ display: inline-flex;
justify-content: center;
}
@@ -448,3 +455,45 @@ footer {
padding: 7px 0;
color: #111;
}
+
+
+@media (max-width: 690px) {
+ h1 {
+ font-size: 90px;
+ }
+}
+
+@media (max-width: 660px) {
+ .profil {
+ display: flex;
+ width: 100%;
+ }
+
+ .profil > div:not(.img) {
+ width: 100%;
+ text-align: center;
+ }
+}
+
+@media (max-width: 520px) {
+ h1 {
+ font-size: 66px;
+ }
+}
+
+@media (max-width: 410px) {
+ h1 {
+ font-size: 50px;
+ }
+
+ .img {
+ height: 100px;
+ width: 100px;
+ }
+}
+
+@media (max-width: 300px) {
+ h1 {
+ font-size: 35px;
+ }
+}
\ No newline at end of file