diff --git a/WEB/View/assets/img/ImgMain.png b/WEB/View/assets/img/ImgMain.png
new file mode 100644
index 00000000..b2adc342
Binary files /dev/null and b/WEB/View/assets/img/ImgMain.png differ
diff --git a/WEB/View/src/CSS/Main2.css b/WEB/View/src/CSS/Main2.css
new file mode 100644
index 00000000..6a4b6bb9
--- /dev/null
+++ b/WEB/View/src/CSS/Main2.css
@@ -0,0 +1,22 @@
+﻿body {
+  min-height: 100vh;
+  font-family: "Orbitron", sans-serif;
+  color: white;
+  scroll-behavior: smooth;
+  height: 100vh;
+  background-image: radial-gradient(
+    circle,
+    #312c42,
+    #2e2a3d,
+    #2a2738,
+    #272434,
+    #24222f,
+    #22202c,
+    #1f1f29,
+    #1d1d26,
+    #1b1b23,
+    #191a21,
+    #17181e,
+    #15161c
+  );
+}
diff --git a/WEB/View/src/pages/FirstTests/FirstTest2.html b/WEB/View/src/pages/FirstTests/FirstTest2.html
index bd4e39c1..1d9dae15 100644
--- a/WEB/View/src/pages/FirstTests/FirstTest2.html
+++ b/WEB/View/src/pages/FirstTests/FirstTest2.html
@@ -47,13 +47,21 @@
       <div
         class="row rounded p-3 m-3"
         style="
-          background: #16222a; /* fallback for old browsers */
-          background: -webkit-linear-gradient(
-            to right,
-            #3a6073,
-            #16222a
-          ); /* Chrome 10-25, Safari 5.1-6 */
-          background: linear-gradient(to right, #3a6073, #16222a);
+          background-image: linear-gradient(
+            to left,
+            #312c42,
+            #2e2a3d,
+            #2a2738,
+            #272434,
+            #24222f,
+            #22202c,
+            #1f1f29,
+            #1d1d26,
+            #1b1b23,
+            #191a21,
+            #17181e,
+            #15161c
+          );
         "
       >
         <div class="row">
@@ -64,7 +72,8 @@
             >
               <p>
                 Pour ce deuxième test, nous allons voir comment déclarer une
-                variable et la manipuler. Pour créer une variable en python il suffit de faire :
+                variable et la manipuler. Pour créer une variable en python il
+                suffit de faire :
               </p>
               <code style="font-size: 18px">x = 1</code>
               <br /><br />
@@ -82,7 +91,8 @@
               <code style="font-size: 18px">x = x * 2</code><br />
               <code style="font-size: 18px">x = x / 2</code><br />
               <code style="font-size: 18px">x = x - 1</code>
-              <br /> <br />
+              <br />
+              <br />
               <!-- Afficher x -->
               <p>Nous pouvons afficher la valeur de x en faisant :</p>
               <code style="font-size: 18px">print(x)</code>
@@ -105,13 +115,13 @@
         <div class="row mt-5">
           <!-- Editor -->
           <div class="col-8">
-            <div class="ace rounded ace-1" id="editor" style="min-height: 40vh">x = 1
+            <div class="ace rounded ace-1" id="editor" style="min-height: 40vh">x = 1 
 print("La varible 'x' :", x)
 
-y=x+2
-print("Le résultat de 'x+2' :", y)
+y=x+2 
+print("Le résultat de'x+2' :", y) 
 
-x=y*2
+x=y*2 
 print("Le résultat de '(x+2)*2' :",x)</div>
           </div>
           <!-- End Editor -->
diff --git a/WEB/View/src/pages/Main2.html b/WEB/View/src/pages/Main2.html
index 801b48de..c569c41f 100644
--- a/WEB/View/src/pages/Main2.html
+++ b/WEB/View/src/pages/Main2.html
@@ -20,8 +20,11 @@
       integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/"
       crossorigin="anonymous"
     ></script>
+    <link rel="stylesheet" href="../CSS/Main2.css">
   </head>
   <body>
-    
+    <div class="container align-middle m-auto d-flex" style="background-image: url('../../assets/img/ImgMain.png')">
+      
+    </div>
   </body>
 </html>
