diff --git a/index.html b/index.html
index 0758e36..1df4744 100644
--- a/index.html
+++ b/index.html
@@ -2,10 +2,11 @@
+
- Document
+ Projet-foot
Accueil
@@ -21,7 +22,7 @@
Jouer !
diff --git a/src/balle.png b/src/balle.png
new file mode 100644
index 0000000..e1f3d1b
Binary files /dev/null and b/src/balle.png differ
diff --git a/src/extrait.mp3 b/src/extrait.mp3
new file mode 100644
index 0000000..b154fd8
Binary files /dev/null and b/src/extrait.mp3 differ
diff --git a/src/style.css b/src/style.css
index f99419c..70adbe7 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,58 +1,64 @@
+:root {
+ -webkit-touch-callout: none;
+ -ms-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+}
+
body{
- background-image:url('Arriereplan.jpg');
- background-size: cover;
+ background-image:url('Arriereplan.jpg');
+ background-size: cover;
}
h1 {
- font-family: Noto Sans, sans-serif;
- text-align: center;
- font-size: 80px;
- color: white;
- margin-top: 50px;
- }
-
- h2 {
- font-family: Comic Sans MS, Comic Sans, cursive;
- text-align: center;
- font-size: 22px;
- color: white;
- margin-bottom: 20px;
- }
-
- .container {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- margin-top: 50px;
- }
-
- .quote {
- text-align: center;
- margin-bottom: 20px;
- }
-
- .image-container {
- text-align: center;
- margin-bottom: 20px;
- }
-
- img {
- width: 525px;
- height: 350px;
- border-radius: 20px;
- border-style: solid;
- border-width: 3px;
- }
-
- .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
+ font-family: Noto Sans, sans-serif;
+ text-align: center;
+ font-size: 80px;
+ color: white;
+ margin-top: 50px;
+}
+
+h2 {
+ font-family: Comic Sans MS, Comic Sans, cursive;
+ text-align: center;
+ font-size: 22px;
+ color: white;
+ margin-bottom: 20px;
+}
+
+.container {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ margin-top: 50px;
+}
+
+.quote {
+ text-align: center;
+ margin-bottom: 20px;
+}
+
+.image-container {
+ text-align: center;
+ margin-bottom: 20px;
+}
+
+img {
+ width: 525px;
+ height: 350px;
+ border-radius: 20px;
+ border-style: solid;
+ border-width: 3px;
+}
+
+.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;
+}