--- a/default/static/styles.css	Sat Mar 24 11:11:37 2018 +0100
+++ b/default/static/styles.css	Sat Mar 24 11:14:14 2018 +0100
@@ -1,3 +1,8 @@
+:root {
+  --select-bg-color: #ddd;
+}
+
+
 html {
     font-family: "sat-base-font";
 }
@@ -74,16 +79,46 @@
     background-color: #bc0000;
 }
 
+.instructions--head {
+    font-size: 1.5em;
+    text-align: center;
+}
+
+.instructions--alt {
+	text-align: center;
+	font-style: italic;
+}
+
+/*** icons ***/
+
+.icon--medium {
+    height: 3em;
+    display: block;
+    margin: 0 auto;
+}
+
+.icon--small {
+    height: 1em;
+}
+
+.icon--soft {
+    fill: #777;
+}
+
+.icon__name {
+
+}
+
 /*** Messages ***/
 
-.message_info {
+.message--info {
     max-width: 500px;
     margin: 0 auto;
     padding: 1em;
     text-align: justify;
 }
 
-.message_info pre {
+.message--info pre {
     background: #ddd;
     padding: 1em;
 }
@@ -92,7 +127,6 @@
 
 .menu ul {
     display: flex;
-    padding: 0;
     margin-top: 8px;
     list-style: none;
 }
@@ -220,11 +254,32 @@
 
 /*** Forms ***/
 
+/* a form with only one field */
+
+.form_single {
+    text-align: center;
+}
+
+.form_single input:not([type="submit"]) {
+	margin: 0 1em;
+	width: 15em;
+	border-radius: 0.7em;
+	outline: none;
+	border: 1px solid black;
+	padding: 0.4em;
+    box-shadow: none;
+}
+
+
 .form_submit {
     margin: 1em auto 0;
     display: block;
 }
 
+.form_jid {
+    text-align: center;
+}
+
 /* Textboxes */
 
 form.textbox>* {
@@ -366,4 +421,13 @@
         padding: 0 6em;
     }
 
+    .instructions--alt {
+        padding-top: 3rem;
+    }
+
+    /*** forms ***/
+
+    .form_single .form_submit.button {
+        display: inline;
+    }
 }