diff --git a/WEB/View/src/CSS/LogSign.css b/WEB/View/src/CSS/Login.css
similarity index 98%
rename from WEB/View/src/CSS/LogSign.css
rename to WEB/View/src/CSS/Login.css
index 7d83603f..46c241b9 100644
--- a/WEB/View/src/CSS/LogSign.css
+++ b/WEB/View/src/CSS/Login.css
@@ -160,6 +160,7 @@ body {
   background: linear-gradient(270deg, transparent, #6090d1);
   animation: btn-anim3 1s linear infinite;
   animation-delay: 0.5s;
+  -webkit-animation: btn-anim3 1s linear infinite;
 }
 
 @keyframes btn-anim3 {
diff --git a/WEB/View/src/pages/LogSign/Login.php b/WEB/View/src/pages/LogSign/Login.php
index 8039d921..39a69c03 100644
--- a/WEB/View/src/pages/LogSign/Login.php
+++ b/WEB/View/src/pages/LogSign/Login.php
@@ -1,68 +1,52 @@
 ﻿<!DOCTYPE html>
 <html lang="fr">
-  <head>
+
+<head>
   <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Login</title>
-    <link
-      rel="stylesheet"
-      href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css"
-      integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I"
-      crossorigin="anonymous"
-    />
-    <script
-      src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
-      integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
-      crossorigin="anonymous"
-    ></script>
-    <script
-      src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js"
-      integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/"
-      crossorigin="anonymous"
-    ></script>
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0"
-    />
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
-    />
-    <link rel="stylesheet" href="./View/src/CSS/LogSign.css" />
-  </head>
-  <body>
-    <div class="container user-select-none">
-      <div class="login-box col-12" id="form">
-        <div class="row mb-4">
-          <h2 class="text-uppercase font-weight-bold text-center">Login</h2>
-        </div>
-        <form action="index.php?action=login" method="POST">
-          <div class="user-box mb-5 position-relative">
-            <input type="text" id="email" name="email" required="" />
-            <label class="py-1">Email</label>
-          </div>
-          <div class="user-box mb-3 position-relative">
-            <input type="password" id="password" name="password" required="" />
-            <label>Password</label>
-          </div>
-          <div class="d-flex justify-content-around mt-5">
-            <button class="py-2 px-3" type="submit">
-              <span></span>
-              <span></span>
-              <span></span>
-              <span></span>
-              Submit
-            </button>
-            <a href="index.php?action=goToSignUp" class="right py-2 px-3">
-              <span></span>
-              <span></span>
-              <span></span>
-              <span></span>
-              Sign up
-            </a>
-          </div>
-        </form>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Login</title>
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css" integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous" />
+  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
+  <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js" integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/" crossorigin="anonymous"></script>
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
+  <link rel="stylesheet" href="./View/src/CSS/Login.css" />
+</head>
+
+<body>
+  <div class="container user-select-none">
+    <div class="login-box col-12" id="form">
+      <div class="row mb-4">
+        <h2 class="text-uppercase font-weight-bold text-center">Login</h2>
       </div>
+      <form action="index.php?action=login" method="POST">
+        <div class="user-box mb-5 position-relative">
+          <input type="text" id="email" name="email" required="" />
+          <label class="py-1">Email</label>
+        </div>
+        <div class="user-box mb-3 position-relative">
+          <input type="password" id="password" name="password" required="" />
+          <label>Password</label>
+        </div>
+        <div class="d-flex justify-content-around mt-5">
+          <button class="py-2 px-3" type="submit">
+            <span></span>
+            <span></span>
+            <span></span>
+            <span></span>
+            Submit
+          </button>
+          <a href="index.php?action=goToSignUp" class="right py-2 px-3">
+            <span></span>
+            <span></span>
+            <span></span>
+            <span></span>
+            Sign up
+          </a>
+        </div>
+      </form>
     </div>
-  </body>
-</html>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/WEB/View/src/pages/Main.php b/WEB/View/src/pages/Main.php
index 848385e9..72dc8722 100644
--- a/WEB/View/src/pages/Main.php
+++ b/WEB/View/src/pages/Main.php
@@ -1,73 +1,47 @@
 ﻿<!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Scripted</title>
-    <link
-      rel="stylesheet"
-      href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css"
-      integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I"
-      crossorigin="anonymous"
-    />
-    <script
-      src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
-      integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
-      crossorigin="anonymous"
-    ></script>
-    <script
-      src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js"
-      integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/"
-      crossorigin="anonymous"
-    ></script>
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0"
-    />
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
-    />
-    <link rel="stylesheet" href="./View/src/CSS/Main.css" />
-  </head>
-  <body>
-    <script>
-      function displayProfil() {
-        profil.classList.toggle("open");
-        profilIcon.classList.toggle("open");
-        profilContainer.classList.toggle("open");
-        mainPart.classList.toggle("open");
-      }
-    </script>
 
-    <div id="imgMain" class="container p-0 d-flex">
-      <!-- Profile page -->
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Scripted</title>
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css" integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous" />
+  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
+  <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js" integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/" crossorigin="anonymous"></script>
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
+  <link rel="stylesheet" href="./View/src/CSS/Main.css" />
+</head>
 
-      <div class="col-4 d-flex" id="profilContainer">
-        <button
-          class="d-flex p-0 user-select-none"
-          id="btnProfil"
-          style="background: transparent; border: none; z-index: 10; height: fit-content;"
-          onclick="displayProfil()"
-        >
-          <span class="material-symbols-outlined p-1 neonBg" id="profilIcon">
-            clear_all
-          </span>
-        </button>
-        <div
-          class="col-4"
-          id="profil"
-          style="
+<body>
+  <script>
+    function displayProfil() {
+      profil.classList.toggle("open");
+      profilIcon.classList.toggle("open");
+      profilContainer.classList.toggle("open");
+      mainPart.classList.toggle("open");
+    }
+  </script>
+
+  <div id="imgMain" class="container p-0 d-flex">
+    <!-- Profile page -->
+
+    <div class="col-4 d-flex" id="profilContainer">
+      <button class="d-flex p-0 user-select-none" id="btnProfil" style="background: transparent; border: none; z-index: 10; height: fit-content;" onclick="displayProfil()">
+        <span class="material-symbols-outlined p-1 neonBg" id="profilIcon">
+          clear_all
+        </span>
+      </button>
+      <div class="col-4" id="profil" style="
             background-image: linear-gradient(15deg, #434343 0%, black 100%);
             border-radius: 10px;
             height: 100%;
             z-index: 2;
-          "
-        >
-          <div class="row py-5 d-flex justify-content-center mx-0">
-            <?php
-              if (isset($_SESSION['role']) && $_SESSION['role'] == 'user'){
-              echo '<img
+          ">
+        <div class="row py-5 d-flex justify-content-center mx-0">
+          <?php
+          if (isset($_SESSION['role']) && $_SESSION['role'] == 'user') {
+            echo '<img
                 src="./View/assets/img/CyberpunkGirl4.png"
                 alt="Profil"
                 id="imgProfil"
@@ -79,22 +53,21 @@
                   border: 2px solid #44fff6;
                 "
               />
-              <p class="d-flex justify-content-center m-0 p-0">' .$_SESSION['pseudo'].'</p>
+              <p class="d-flex justify-content-center m-0 p-0">' . $_SESSION['pseudo'] . '</p>
   
               <div
                 class="d-flex justify-content-center align-self-end p-0 m-0 user-select-none"
                 id="container"
               >';
-              echo  '<a class="logButton" href="index.php?action=logout">
+            echo  '<a class="logButton" href="index.php?action=logout">
                   <span class="circle" aria-hidden="true">
                     <span class="icon arrow"></span>
                   </span>
                   <span class="button-text">Logout</span>
                 </a>
               </div>';
-              } 
-              elseif (isset($_SESSION['role']) && $_SESSION['role'] == 'admin'){
-                echo '<img
+          } elseif (isset($_SESSION['role']) && $_SESSION['role'] == 'admin') {
+            echo '<img
                 src="./View/assets/img/CyberpunkGirl4.png"
                 alt="Profil"
                 id="imgProfil"
@@ -109,7 +82,7 @@
               <p
                 class="d-flex justify-content-center m-0 p-0"
                 style="font-weight: bold; font-size: 18px"
-              >' .$_SESSION['pseudo'].'</p>
+              >' . $_SESSION['pseudo'] . '</p>
   
               <div
                 class="d-flex flex-column align-items-center align-self-end p-0 m-0 user-select-none"
@@ -157,54 +130,45 @@
                   <span class="button-text">Logout</span>
                 </a>
               </div>';
-              }
-              else {
-                echo '<div class="d-flex justify-content-center align-self-center p-0 m-0" id="container">';
-                echo '<a class="logButton" href="index.php?action=goToLogin">';
-                echo '  <span class="circle" aria-hidden="true">';
-                echo '    <span class="icon arrow"></span>';
-                echo '  </span>';
-                echo '  <span class="button-text">Login</span>';
-                echo '</a>';
-                echo '</div>';
-              }
-            ?>
-          </div>
+          } else {
+            echo '<div class="d-flex justify-content-center align-self-center p-0 m-0" id="container">';
+            echo '<a class="logButton" href="index.php?action=goToLogin">';
+            echo '  <span class="circle" aria-hidden="true">';
+            echo '    <span class="icon arrow"></span>';
+            echo '  </span>';
+            echo '  <span class="button-text">Login</span>';
+            echo '</a>';
+            echo '</div>';
+          }
+          ?>
         </div>
       </div>
-      <!-- End Profile page -->
+    </div>
+    <!-- End Profile page -->
 
-      <!-- Main page -->
-      <div class="col d-flex align-items-center user-select-none">
-        <div class="col-6 m-0 neonBg" id="mainPart" style="max-height: 80%; height: 70%">
-          <div class="row mx-0 pt-4 pb-5 text-center">
-            <h1>Scripted</h1>
-          </div>
-          
-          <!-- Solo -->
-          <div class="row m-0 pt-4 pb-5 d-flex justify-content-center text-center">
-            <a class="cssbuttons-io" 
-            <?php
-                if (isset($_SESSION['role']) && $_SESSION['role'] == 'user' || isset($_SESSION['role']) && $_SESSION['role'] == 'admin'){
-                    echo 'href="index.php?action=goToPresentation"';
-                }
-                else{
-                    echo 'href="index.php?action=goToLogin"';
-                }
-            ?> 
-            id="btn-1">
-              <span
-                ><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-                  <path d="M0 0h24v24H0z" fill="none"></path>
-                  <path
-                    d="M24 12l-5.657 5.657-1.414-1.414L21.172 12l-4.243-4.243 1.414-1.414L24 12zM2.828 12l4.243 4.243-1.414 1.414L0 12l5.657-5.657L7.07 7.757 2.828 12zm6.96 9H7.66l6.552-18h2.128L9.788 21z"
-                    fill="currentColor"
-                  ></path>
-                </svg>
-                CodeQuest</span
-              >
-            </a>
-          </div>
+    <!-- Main page -->
+    <div class="col d-flex align-items-center user-select-none">
+      <div class="col-6 m-0 neonBg" id="mainPart" style="max-height: 80%; height: 70%">
+        <div class="row mx-0 pt-4 pb-5 text-center">
+          <h1>Scripted</h1>
+        </div>
+
+        <!-- Solo -->
+        <div class="row m-0 pt-4 pb-5 d-flex justify-content-center text-center">
+          <a class="cssbuttons-io" <?php
+                                    if (isset($_SESSION['role']) && $_SESSION['role'] == 'user' || isset($_SESSION['role']) && $_SESSION['role'] == 'admin') {
+                                      echo 'href="index.php?action=goToPresentation"';
+                                    } else {
+                                      echo 'href="index.php?action=goToLogin"';
+                                    }
+                                    ?> id="btn-1">
+            <span><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0h24v24H0z" fill="none"></path>
+                <path d="M24 12l-5.657 5.657-1.414-1.414L21.172 12l-4.243-4.243 1.414-1.414L24 12zM2.828 12l4.243 4.243-1.414 1.414L0 12l5.657-5.657L7.07 7.757 2.828 12zm6.96 9H7.66l6.552-18h2.128L9.788 21z" fill="currentColor"></path>
+              </svg>
+              CodeQuest</span>
+          </a>
+        </div>
 
           <!-- Multijoueur -->
           <div class="row m-0 pt-4 pb-5 d-flex justify-content-center text-center">
@@ -236,4 +200,4 @@
       </div>
     </div>
   </body>
-</html>
+</html>
\ No newline at end of file
