diff --git a/static/en/style.css b/static/en/style.css
index 7a7b25e..d7d803c 100644
--- a/static/en/style.css
+++ b/static/en/style.css
@@ -60,3 +60,84 @@ ul {
ul.recipe {
column-count: 1;
}
+
+form {
+ /* Center the form on the page */
+ margin: 0 auto;
+ width: 500px;
+ /* Form outline */
+ padding: 1em;
+ border-radius: 1em;
+}
+
+ul.form {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ column-count: 1;
+}
+
+form li + li {
+ margin-top: 1em;
+}
+
+label {
+ /* Uniform size & alignment */
+ display: inline-block;
+ width: 90px;
+ text-align: right;
+}
+
+button, input, select, textarea {
+ font-family: inherit;
+ font-size: 100%;
+}
+
+input,
+textarea {
+
+ /* Uniform text field size */
+ width: 300px;
+ box-sizing: border-box;
+
+ /* Match form field borders */
+ border: 1px solid #999;
+ color: var(--foreground);
+ background: var(--background);
+}
+
+input:focus,
+textarea:focus {
+ /* Additional highlight for focused elements */
+ border-color: var(--accent);
+}
+
+textarea {
+ /* Align multiline text fields with their labels */
+ vertical-align: top;
+
+ /* Provide space to type some text */
+ height: 5em;
+}
+
+.button {
+ /* Align buttons with the text fields */
+ padding-left: 90px; /* same size as the label elements */
+}
+
+button {
+ /* This extra margin represent roughly the same space as the space
+ between the labels and their text fields */
+ margin-left: .5em;
+ padding : 5px;
+ border : 2px solid var(--accent);
+ border-radius: 5px;
+ background : var(--background);
+ color: var(--foreground);
+ cursor : pointer;
+}
+
+button:hover,
+button:focus {
+ filter: drop-shadow(0 0 0.25rem var(--accent));
+}
diff --git a/static/en/submit.html b/static/en/submit.html
new file mode 100644
index 0000000..54a5afa
--- /dev/null
+++ b/static/en/submit.html
@@ -0,0 +1,61 @@
+
+
+
+
+
+
+
+
+ 🥘 Catgirl Cooking
+
+
+ Submit a New Recipe
+
+
+
+
+