diff --git a/static/style.css b/static/style.css
index 9c8f6d6..700aae5 100644
--- a/static/style.css
+++ b/static/style.css
@@ -6,7 +6,7 @@ body {
   margin: 0;
   font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
   color: #1a1a1a;
-  background-color: #fafafa;
+  background-color: #F5F5F5;
   line-height: 1.6;
 }
 
@@ -76,4 +76,11 @@ image {
   padding: 10px 14px;
   border-radius: 4px;
   margin-bottom: 8px;
+}
+
+.signup{
+  border: 3px solid black;
+  padding: 40px;
+  border-radius: 4px;
+  margin-left: auto;
 }
\ No newline at end of file
diff --git a/templates/base.html b/templates/base.html
index b970225..ff8eec4 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -1,5 +1,3 @@
-<!DOCTYPE html>
-<html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -22,5 +20,4 @@
     <main>
         {% block content %}{% endblock %}
     </main>
-</body>
-</html>
\ No newline at end of file
+</body>
\ No newline at end of file
diff --git a/templates/signin.html b/templates/signin.html
index 8b14a56..ab8f5f7 100644
--- a/templates/signin.html
+++ b/templates/signin.html
@@ -1,7 +1,7 @@
 {% extends 'base.html' %}
 
 {% block content %}
-<h1>Sign in</h1>
+<h1 style="text-decoration: underline;"> Sign in to your account</h1>
 
 {% with messages = get_flashed_messages() %}
   {% if messages %}
@@ -13,15 +13,14 @@
   {% endif %}
 {% endwith %}
 
-<form action="{{ url_for('signin') }}" method="POST">
+<form action="{{ url_for('signin') }}" method="POST" class="signup">
     <label for="username">Username:</label>
     <input type="text" id="username" name="username" required><br><br>
 
     <label for="password">Password:</label>
     <input type="password" id="password" name="password" required><br><br>
 
-    <button type="submit">Sign In</button>
+    <button type="submit" style="font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; border-color: gray; border-radius: 4px; border-width: 4px; margin-bottom: 20px;">Sign In</button>
+    <p>Don't have an account? <a href="{{ url_for('signup') }}">Create one</a></p>
 </form>
-
-<p>Don't have an account? <a href="{{ url_for('signup') }}">Sign up</a></p>
 {% endblock %}
\ No newline at end of file
diff --git a/templates/signup.html b/templates/signup.html
index c8e3413..8a235d3 100644
--- a/templates/signup.html
+++ b/templates/signup.html
@@ -1,14 +1,7 @@
 {% extends 'base.html' %}
-
 {% block content %}
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="style.css">
-</head>
-<body>
-    <h1>Sign up to make a new account</h1>
-    <form action="/submit-form" method="POST">
+    <h1 style="text-decoration: underline;">Sign up to make a account</h1>
+    <form action="/submit-form" method="POST" class="signup">
     <label for="username">Username:</label>
     <input type="text" id="username" name="username" required><br><br>
 
@@ -18,8 +11,7 @@
     <label for="password">Password:</label>
     <input type="password" id="password" name="password" required><br><br>
 
-    <button type="submit">Submit to Database</button>
-</form>
-</body>
+    <button type="submit" class="submitbutton" style="font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; border-color: gray; border-radius: 4px; border-width: 4px;">Create account</button>
+    </form>
 
 {% endblock %}
\ No newline at end of file
diff --git a/templates/test.html b/templates/test.html
deleted file mode 100644
index 114f545..0000000
--- a/templates/test.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>testpage</title>
-</head>
-<body>
-    <h1>testpage</h1>
-    <h2>testpage</h2>
-    <h3>testpage</h3>
-</body>
-</html>
\ No newline at end of file
