diff --git a/src/main/java/com/gymtracker/email/acceptance.html b/src/main/java/com/gymtracker/email/acceptance.html
index 542f19da408fd1cdfb9c910249fa122dd188e27b..61a34412e6009afe340f102d5562e14a2e2dd262 100644
--- a/src/main/java/com/gymtracker/email/acceptance.html
+++ b/src/main/java/com/gymtracker/email/acceptance.html
@@ -1,8 +1,11 @@
<html>
+<head>
+ <link rel="stylesheet" href="style.css">
+</head>
<body>
- <div style='text-align:center; padding: 20px;'>
+ <div class="container">
<h1>Gym Tracker</h1>
- <div style='border: 1px solid #ccc; padding: 20px; margin-top: 20px;'>
+ <div class="content">
<h2>Congratulations, {name}!</h2>
<p>You have been accepted for the application in <strong>{gymName}</strong>.</p>
<p>Click <a href="{website}">here</a> to visit our website.</p>
diff --git a/src/main/java/com/gymtracker/email/rejection.html b/src/main/java/com/gymtracker/email/rejection.html
index d473e191340f25940443f774a599ebd141513744..c6355b4b96527645696c5ecff1d1613b3418d83d 100644
--- a/src/main/java/com/gymtracker/email/rejection.html
+++ b/src/main/java/com/gymtracker/email/rejection.html
@@ -1,11 +1,14 @@
<html>
+<head>
+ <link rel="stylesheet" href="style.css">
+</head>
<body>
- <div style='text-align:center; padding: 20px;'>
+ <div class="container">
<h1>Gym Tracker</h1>
- <div style='border: 1px solid #ccc; padding: 20px; margin-top: 20px;'>
- <h2>Sorry, {name}!</h2>
- <p>We regret to inform you that your application for {gymName} has been rejected.</p>
- <p>Click <a href='{website}'>here</a> to visit our website for more information.</p>
+ <div class="content">
+ <h2>Sorry, {name}</h2>
+ <p>We regret to inform you that your application for {gymName} has been rejected</p>
+ <p>Click <a href='{website}'>here</a> to visit our website for more information</p>
</div>
</div>
</body>
diff --git a/src/main/java/com/gymtracker/email/style.css b/src/main/java/com/gymtracker/email/style.css
new file mode 100644
index 0000000000000000000000000000000000000000..ce28e9c78de53304da27997a426119c86d4f744d
--- /dev/null
+++ b/src/main/java/com/gymtracker/email/style.css
@@ -0,0 +1,38 @@
+body {
+ background-color: #f2f2f2;
+ font-family: Arial, sans-serif;
+ margin: 0;
+ padding: 0;
+}
+.container {
+ max-width: 600px;
+ margin: 0 auto;
+ padding: 25px;
+ text-align: center;
+}
+.content {
+ background-color: #ffffff;
+ border: 1px solid #ccc;
+ padding: 20px;
+ margin-top: 20px;
+}
+h1 {
+ color: #333333;
+ margin: 0;
+}
+h2 {
+ color: #0073ee;
+ margin-top: 0;
+}
+p {
+ color: #555555;
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+a {
+ color: #006bde;
+ text-decoration: none;
+}
+a:hover {
+ text-decoration: underline;
+}
\ No newline at end of file