diff --git a/frontend/cart.html b/frontend/cart.html
index cc08d42052e70005f404f18c789a0dd67fd3c5ef..632d894f3b966f432447905a6cdcb4342e87cc3b 100644
--- a/frontend/cart.html
+++ b/frontend/cart.html
@@ -8,9 +8,9 @@
     <link href="https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200&display=swap" rel="stylesheet">
     <title>Document</title>
 
-    <link rel="stylesheet" href="menu.css">
-    <link rel="stylesheet" href="cart.css">
-    <link rel="stylesheet" href="button.css">
+    <link rel="stylesheet" href="css/menu.css">
+    <link rel="stylesheet" href="css/cart.css">
+    <link rel="stylesheet" href="css/button.css">
     
 </head>
 <body>
diff --git a/frontend/checkout.html b/frontend/checkout.html
index 0973df9d510f3a725355d84e77ccab8828f2c42e..c1cc7e230d39cdedfc1dd8278d9b49f06695d612 100644
--- a/frontend/checkout.html
+++ b/frontend/checkout.html
@@ -6,9 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <!-- <link rel="stylesheet" href="style.css"> -->
-    <link rel="stylesheet" href="menu.css">
-    <link rel="stylesheet" href="checkout.css">
-    <link rel="stylesheet" href="button.css">
+    <link rel="stylesheet" href="css/&menu.css">
+    <link rel="stylesheet" href="css/checkout.css">
+    <link rel="stylesheet" href="css/button.css">
     <title>Checkout</title>
 </head>
 <body>
diff --git a/frontend/button.css b/frontend/css/button.css
similarity index 100%
rename from frontend/button.css
rename to frontend/css/button.css
diff --git a/frontend/cart.css b/frontend/css/cart.css
similarity index 100%
rename from frontend/cart.css
rename to frontend/css/cart.css
diff --git a/frontend/checkout.css b/frontend/css/checkout.css
similarity index 100%
rename from frontend/checkout.css
rename to frontend/css/checkout.css
diff --git a/frontend/index.css b/frontend/css/index.css
similarity index 83%
rename from frontend/index.css
rename to frontend/css/index.css
index d4d37db0c2b53ef8ec0550d35fed22751340916c..e557f9b07a9c7a2d0739b9691ee2057f7cf18fa6 100644
--- a/frontend/index.css
+++ b/frontend/css/index.css
@@ -1,12 +1,12 @@
 @font-face {
     font-family: gb;
-    src: url(font/Arvo-Regular.ttf);
+    src: url(../font/Arvo-Regular.ttf);
 }
 
 
 @font-face {
     font-family: title;
-    src: url(font/LMS\ Pokemon\ Master\ Solid.ttf);
+    src: url(../font/LMS\ Pokemon\ Master\ Solid.ttf);
 }
 
 *{
@@ -60,15 +60,18 @@ a{
     width: 35vw;
     height: 6vw; 
     margin-top: 2.5vh;
+    cursor: none;
 }
 
-
+.fill:hover{
+    color: rgb(0, 102, 255);
+}
 
 
 main {
     width: 100%;
     height: 100vh;
-    background-image:url(img/Dym19R.jpg);
+    background-image:url(../img/Dym19R.jpg);
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
diff --git a/frontend/menu.css b/frontend/css/menu.css
similarity index 88%
rename from frontend/menu.css
rename to frontend/css/menu.css
index 777c80b3839c79065cbeedfe5c982c0dc6d21c0a..ddd3f263610eb2edc31ca54b4b870de75d2a866f 100644
--- a/frontend/menu.css
+++ b/frontend/css/menu.css
@@ -1,12 +1,12 @@
 @font-face {
     font-family: gb;
-    src: url(font/Arvo-Regular.ttf);
+    src: url(../font/Arvo-Regular.ttf);
 }
 
 
 @font-face {
     font-family: title;
-    src: url(font/LMS\ Pokemon\ Master\ Solid.ttf);
+    src: url(../font/LMS\ Pokemon\ Master\ Solid.ttf);
 }
 
 *{
@@ -48,7 +48,7 @@ nav {
     flex-direction: row;
     width: 100vw;
     height: 17.5vh;
-    background-image: url(img/pano2.jpg);
+    background-image: url(../img/pano2.jpg);
     background-position: 0 22vh;
     background-size: 100%;
     overflow-y: hidden;
diff --git a/frontend/select.css b/frontend/css/select.css
similarity index 87%
rename from frontend/select.css
rename to frontend/css/select.css
index 156946542c924846cbcdf5ab409db9663d627611..d54a98d39a9f4bed8fff6aa47d43fd1a04c89d1e 100644
--- a/frontend/select.css
+++ b/frontend/css/select.css
@@ -33,9 +33,8 @@ main {
     position: relative;
     left: 50%;
     transform: translateX(-50%);
-    width: 25vh;
-    height: 25vh;
-    
+    width: 12vw;
+    height: 12vw;
 
     overflow-y: hidden;
 }
@@ -65,11 +64,12 @@ button {
     border: none;
     font-size: 0.75vw;
     width: 20%;
-    height: 10%;
+    height: 8%;
     transition: 0.1s linear;
     outline: none;
     cursor: pointer;
-    background-color: deepskyblue;
+    background-color: rgb(0, 102, 255);
+    box-shadow:inset 2px 2px 10px 0px rgba(255,255,255,.5), 2px 2px 10px 0px rgba(0,0,0,.1), 2px 2px 10px 0px rgba(0,0,0,.1);
     color: white;
     border-radius: 20px 20px 20px 20px;
     
@@ -218,8 +218,8 @@ button {
 
 .type{
     padding-top: 0;
-    width: 60px;
-    height: 15px;
+    width: 4vw;
+    height: 1vw;
     margin-left: 5px;
     margin-right: 2px;
 }
@@ -228,8 +228,8 @@ button {
 
     position: relative;
     left: 1%;
-    width: 40px;
-    height: 15px;
+    width: 2.3vw;
+    height: 1vw;
 }
 
 .infos {
diff --git a/frontend/style.css b/frontend/css/style.css
similarity index 92%
rename from frontend/style.css
rename to frontend/css/style.css
index 2ac1d63422238fac6b70895e24941f3009c68218..889ed60cc6e7d3b14e708b1b3c41eeb2b925b088 100644
--- a/frontend/style.css
+++ b/frontend/css/style.css
@@ -112,8 +112,8 @@ input:focus {
 .type {
 
   
-    width: 55px;
-    height: 15px;
+    width: 4vw;
+    height: 1vw;
     
     margin-left: 5px;
     margin-right: 2px;
diff --git a/frontend/index.html b/frontend/index.html
index 2cb029013291a18cf0552db9348c0a40a51cc416..c77ccfe702ef83ae3530f873ab45ea0e0969cde5 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <link rel="stylesheet" href="index.css">
+    <link rel="stylesheet" href="css/index.css">
     <title>Homepage</title>
 </head>
 <body>
diff --git a/frontend/select.html b/frontend/select.html
index e2184879d18c940f256f4bb5ca2a617a4b60297c..249db6dedab03a173a3622e75245a89fbad1718c 100644
--- a/frontend/select.html
+++ b/frontend/select.html
@@ -8,9 +8,9 @@
     <link href="https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200&display=swap" rel="stylesheet">
     <title>Document</title>
 
-    <link rel="stylesheet" href="menu.css">
-    <link rel="stylesheet" href="select.css">
-    <link rel="stylesheet" href="button.css">
+    <link rel="stylesheet" href="css/menu.css">
+    <link rel="stylesheet" href="css/select.css">
+    <link rel="stylesheet" href="css/button.css">
     
 </head>
 <body>
diff --git a/frontend/shop.html b/frontend/shop.html
index f7b3dfb096d115e2eae8a49389467296f583a877..96b7692820f5da5c184882931804950a69840d32 100644
--- a/frontend/shop.html
+++ b/frontend/shop.html
@@ -5,9 +5,9 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <link rel="stylesheet" href="style.css">
-    <link rel="stylesheet" href="menu.css">
-    <link rel="stylesheet" href="button.css">
+    <link rel="stylesheet" href="css/style.css">
+    <link rel="stylesheet" href="css/menu.css">
+    <link rel="stylesheet" href="css/button.css">
     <title>Pokeshop</title>
 </head>
 <body onload="scrollEffect()" >