diff --git a/backend/src/main/resources/get/cesare.html b/backend/src/main/resources/get/cesare.html
index c66ccee..c82279a 100644
--- a/backend/src/main/resources/get/cesare.html
+++ b/backend/src/main/resources/get/cesare.html
@@ -4,6 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <title>CryptoSeals - Cesare</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="stylesheet" href="style.css">
     <script src="cesare.js" defer></script>
 </head>
diff --git a/backend/src/main/resources/get/rsa.html b/backend/src/main/resources/get/rsa.html
index d9a67a5..f87e784 100644
--- a/backend/src/main/resources/get/rsa.html
+++ b/backend/src/main/resources/get/rsa.html
@@ -3,6 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <title>CryptoSeals - RSA</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="stylesheet" href="style.css">
     <script src="rsa.js" defer></script>
 </head>
diff --git a/backend/src/main/resources/get/style.css b/backend/src/main/resources/get/style.css
index 4d3a744..0c9a7b5 100644
--- a/backend/src/main/resources/get/style.css
+++ b/backend/src/main/resources/get/style.css
@@ -213,6 +213,43 @@ footer a {
     text-decoration: none;
 }
 
+/* Stili speciali solo per le card del team */
+        .team-container {
+            display: flex;
+            justify-content: center;
+            gap: 30px;
+            flex-wrap: wrap;
+            margin-top: 40px;
+        }
+
+        .team-card {
+            background: #f3f4f6;
+            padding: 30px 20px;
+            border-radius: 15px;
+            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
+            width: 280px;
+            text-align: center;
+            transition: transform 0.3s;
+        }
+
+        .team-card:hover {
+            transform: translateY(-10px);
+            /* Effetto sollevamento al passaggio del mouse */
+            box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
+        }
+
+        .avatar {
+            font-size: 60px;
+            margin-bottom: 15px;
+        }
+
+        .ruolo {
+            color:#10b981;
+            font-weight: bold;
+            margin-bottom: 10px;
+            font-size: 14px;
+        }
+
 /* --- RESPONSIVE --- */
 @media (max-width: 768px) {
     .crypto-columns {
diff --git a/backend/src/main/resources/get/team.html b/backend/src/main/resources/get/team.html
index f94edc4..4721dc3 100644
--- a/backend/src/main/resources/get/team.html
+++ b/backend/src/main/resources/get/team.html
@@ -4,45 +4,9 @@
 <head>
     <meta charset="UTF-8">
     <title>CryptoSeals - Il Team</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="stylesheet" href="style.css">
-    <style>
-        /* Stili speciali solo per le card del team */
-        .team-container {
-            display: flex;
-            justify-content: center;
-            gap: 30px;
-            flex-wrap: wrap;
-            margin-top: 40px;
-        }
-
-        .team-card {
-            background: white;
-            padding: 30px 20px;
-            border-radius: 15px;
-            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
-            width: 250px;
-            text-align: center;
-            transition: transform 0.3s;
-        }
-
-        .team-card:hover {
-            transform: translateY(-10px);
-            /* Effetto sollevamento al passaggio del mouse */
-            box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
-        }
-
-        .avatar {
-            font-size: 60px;
-            margin-bottom: 15px;
-        }
-
-        .ruolo {
-            color: #3498db;
-            font-weight: bold;
-            margin-bottom: 10px;
-            font-size: 14px;
-        }
-    </style>
+    <script src="team.js" defer></script>
 </head>
 
 <body>
@@ -72,16 +36,16 @@
             <div class="team-card">
                 <div class="avatar">👨‍💻</div>
                 <h2>Elisabetta Raione</h2>
-                <p class="ruolo">Lead Developer Java & Web</p>
-                <p style="color: #777; font-size: 14px;">Si occupa dell'architettura del server Javalin e
+                <p class="ruolo">Foca 1</p>
+                <p style="color: #0b0f19; font-size: 14px;">Si occupa dell'architettura del server Javalin e
                     dell'integrazione con il frontend.</p>
             </div>
 
             <div class="team-card">
                 <div class="avatar">🕵️‍♂️</div>
                 <h2>Manuela Mango</h2>
-                <p class="ruolo">Esperto Crittografia</p>
-                <p style="color: #777; font-size: 14px;">Specializzato nell'implementazione matematica degli algoritmi
+                <p class="ruolo">Foca 2</p>
+                <p style="color: #0b0f19; font-size: 14px;">Specializzato nell'implementazione matematica degli algoritmi
                     RSA e Vigenère.</p>
             </div>
         </div>
