Style the buy page somewhat

templates/buy.html

@@ -1,8 +1,29 @@
 {% extends "layout.html" %}
 
-{% block body %}
+{% block style %}
-<form method="post">
+.jumbotron { text-align: center; }
-  Username: <input type="text" name="username" required>
+h1.label {
-  <button type="submit">Get me that juicy Plus!</button>
+    display: inline-block;
-</form>
+    margin-bottom: 0.3em;
+}
+form input, form button {
+    display: block;
+    margin: 0 auto;
+}
+.form-control {
+    width: 40%;
+    min-width: 280px;
+}
+{% endblock %}
+
+{% block body %}
+<div class="container">
+  <div class="jumbotron">
+    <form method="post">
+      <h1 class="label">What's yer username?</h1>
+      <input class="username form-group form-control" type="text" name="username" required>
+      <button class="btn btn-success form-group form-control" type="submit">Get me that juicy Plus!</button>
+    </form>
+  </div>
+</div>
 {% endblock %}