From ec941b6a5bb48a02efa59ac27def3f33ef50e5bc Mon Sep 17 00:00:00 2001 From: NohamR <100566912+NohamR@users.noreply.github.com> Date: Wed, 7 Jun 2023 15:26:32 +0200 Subject: [PATCH] update center --- index.html | 49 ++++++++++++++-------------- src/style.css | 88 +++++++++++++++++++++++++++------------------------ 2 files changed, 71 insertions(+), 66 deletions(-) diff --git a/index.html b/index.html index 49960bd..0758e36 100644 --- a/index.html +++ b/index.html @@ -1,27 +1,28 @@ - + + - - - - - Document + + + + + Document -

Accueil

-

Montez le son pour plus de sensations !

- - - - - -
-

Jeu de jongles : Positionnez votre personnage sous la balle avant qu'elle ne touche le sol afin de marquer le plus de point possibles et espérer égaler le record de jongles de Neymar Jr (400 jongles en 1 minute).

-

"Il n'y a pas d'endroit dans le monde où l'homme est plus heureux que dans un stade de football." Albert Camus

-
-
- - - \ No newline at end of file +

Accueil

+

Montez le son pour plus de sensations !

+
+
+

Jeu de jongles : Positionnez votre personnage sous la balle avant qu'elle ne touche le sol afin de marquer le plus de point possibles et espérer égaler le record de jongles de Neymar Jr (400 jongles en 1 minute).

+

"Il n'y a pas d'endroit dans le monde où l'homme est plus heureux que dans un stade de football." - Albert Camus

+
+
+ Neymar Jr +
+

Jouer !

 +
+ + + diff --git a/src/style.css b/src/style.css index 7830903..031f6ad 100644 --- a/src/style.css +++ b/src/style.css @@ -1,54 +1,58 @@ -h1 { - font-family:Noto Sans, sans-serif; - text-align: center; - font-size: 80px; - color: white; -} body{ background-image:url('Arriereplan.jpg'); background-size: cover; } -h2{ - font-family: Comic Sans MS, Comic Sans, cursive; + +h1 { + font-family: Noto Sans, sans-serif; + text-align: center; + font-size: 80px; + color: white; + margin-top: 50px; /* Réduire la marge supérieure */ + } + + h2 { + font-family: Comic Sans MS, Comic Sans, cursive; text-align: center; font-size: 22px; - color:white; -} -h3{ - font-family: Brush Script MT, Brush Script Std, cursive; - color : white; - font-size:29px; + color: white; + margin-bottom: 20px; /* Ajouter une marge inférieure */ + } + + .container { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-top: 50px; /* Ajouter une marge supérieure */ + } + + .quote { text-align: center; -} - -#acc{ - margin-left: 5%; - width: 375px; - height: 425px; - border-radius: 20px; - border-style: solid; - border-color: black; - background-color: rgba(66, 66, 88, 0.5); -} -img{ + margin-bottom: 20px; /* Ajouter une marge inférieure */ + } + + .image-container { + text-align: center; + margin-bottom: 20px; /* Ajouter une marge inférieure */ + } + + img { width: 525px; height: 350px; border-radius: 20px; border-style: solid; border-width: 3px; -} - -button{ - - width: 200px; - height:80px; - margin-left: 42.5%; - font-size: 28px; - border-radius: 20px; - background-color: rgba(80, 203, 40, 0.5); -} - -table{ - margin-left: 10% ; - border-spacing: 67; -} \ No newline at end of file + } + + .play-button { + display: inline-block; + padding: 10px 20px; + background-color: #007bff; + color: #fff; + text-decoration: none; + border-radius: 4px; + font-size: 18px; + margin-top: 20px; + } + \ No newline at end of file