diff --git a/CSS/choix1.css b/CSS/choix1.css
index c9d8d01..01c8b94 100644
--- a/CSS/choix1.css
+++ b/CSS/choix1.css
@@ -1,6 +1,4 @@
body {
- border: 8px solid;
- color: blue;
display: flex;
flex-direction: column;
justify-content: space-between;
@@ -9,46 +7,54 @@ body {
height: 95vh;
}
-header {
- border: 8px solid;
- color: purple;
- display: flex;
- flex: 1;
-}
+ header {
+ color: #BF0909;
+ font-family: 'Special Elite', cursive;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: center;
+ flex: 1;
+ }
-#main {
- display: flex;
- flex: 4;
-}
+ header a {
+ text-decoration: none;
+ color: #BF0909;
+ }
-#content {
- border: 8px solid;
- color: blue;
- display: flex;
- flex-direction: column;
- justify-content: space-around;
- width: 50vw;
-}
+ header a:hover {
+ color: white;
+ }
-#text {
- border: 8px solid;
- font-family: 'Special Elite', cursive;
- text-align: center;
- color: white;
-}
+ #main {
+ display: flex;
+ flex: 4;
+ }
-#buttons {
- border: 8px solid;
- color: red;
- display: flex;
- justify-content: space-around;
-}
+ #content {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ width: 50vw;
+ }
-footer {
- border: 8px solid;
- color: green;
- display: flex;
- flex : 1;
-}
+ #text {
+ font-family: 'Special Elite', cursive;
+ font-size: 2vw;
+ text-align: center;
+ color: white;
+ }
+
+ #buttons {
+ color: red;
+ display: flex;
+ justify-content: space-around;
+ }
+
+ footer {
+ color: green;
+ display: flex;
+ flex : 1;
+ }
diff --git a/HTML/choix1.html b/HTML/choix1.html
index bd5c0d6..f8606ab 100644
--- a/HTML/choix1.html
+++ b/HTML/choix1.html
@@ -10,8 +10,8 @@