diff --git a/templates/index.html b/templates/index.html
index 0683e61..0b9bf79 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -5,6 +5,54 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>guestbook</title>
     <link rel="stylesheet" href="static/style.css">
+    <style>
+        body {
+    background-color: #110e0e;
+    max-width: 400px;
+    color: white;
+    font-family: Verdana,sans-serif;
+}
+
+form {
+    max-width: 250px;
+    margin-bottom: 12px;
+}
+
+form input{
+    width: 100%;
+    background-color: #201b1b;
+    color: white;
+    border: 2px solid #b41d1d;
+}
+form textarea {
+    width: 100%;
+    height: 100px;
+    background-color: #201b1b;
+    color: white;
+    border: 2px solid #b41d1d;
+    resize: none;
+}
+form button {
+    background-color: #ff4949;
+    color: white;
+    border: 2px solid #b41d1d;
+}
+form button:hover {
+    background-color: rgb(184, 68, 68);
+}
+.comment {
+    background-color: #201b1b;
+    color: white;
+    border: 2px solid #b41d1d;
+    padding: 8px;
+    margin-bottom: 4px;
+}
+
+a {
+    color: #ff4949;
+}
+  
+    </style>
 </head>
 <body>
     <form method="POST" action="/gb/submit">
