diff --git a/Miracle30/static/css/signup.css b/Miracle30/static/css/signup.css
new file mode 100644
index 0000000..9c4709e
--- /dev/null
+++ b/Miracle30/static/css/signup.css
@@ -0,0 +1,5 @@
+.signup {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
diff --git a/Miracle30/templates/account/signup.html b/Miracle30/templates/account/signup.html
index 21fe4b1..3a6ac93 100644
--- a/Miracle30/templates/account/signup.html
+++ b/Miracle30/templates/account/signup.html
@@ -5,17 +5,27 @@
 {% block head_title %}{% trans "Signup" %}{% endblock %}
 
 {% block content %}
-<h1>{% trans "Sign Up" %}</h1>
+<link rel="stylesheet" href="{% static 'css/signup.css' %}">
 
-<p>{% blocktrans %}Already have an account? Then please <a href="{{ login_url }}">sign in</a>.{% endblocktrans %}</p>
+<section class="main">
+  <h1 class="text_center">{% trans "Sign Up" %}</h1>
 
-<form class="signup" id="signup_form" method="post" action="{% url 'account_signup' %}">
-  {% csrf_token %}
-  {{ form.as_p }}
-  {% if redirect_field_value %}
-  <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
-  {% endif %}
-  <button type="submit">{% trans "Sign Up" %} &raquo;</button>
-</form>
+  <p class="text_center">
+    {% blocktrans %}
+    Already have an account? Then please <a href="{{ login_url }}">sign in</a>.
+    {%endblocktrans %}
+  </p>
+
+  <form class="signup" id="signup_form" method="post" action="{% url 'account_signup' %}">
+    <div class="signup_form">
+      {% csrf_token %}
+      {{ form.as_p }}
+      {% if redirect_field_value %}
+      <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
+      {% endif %}
+    </div>
+    <button type="submit" class="btn1 btn_center">{% trans "Sign Up" %} &raquo;</button>
+  </form>
+</section>
 
 {% endblock %}
\ No newline at end of file