html tag accessibility and css contrast AAA rating: achieved

verse/static/css/style.css

@@ -1,10 +1,11 @@
 body
 {
-  font-family: monospace;
+  font-family: monospace, monospace;
+  font-size: 15px;
   background-color: #272a33;
   color:#E0B0FF;
   word-wrap: break-word;
-  font-size: 130%;
+  line-height: 1.1;
 }
 
 div#login{
@@ -37,12 +38,20 @@ div#upload form {
 .workflow{
   margin-top: 1em;
   padding: 0.5em;
-  width: 30em;
-  background-color:#383C4A;
+  padding-left: auto;
+  padding-right: auto;
+  width: 31em;
+  background-color:#30333f;
   text-decoration: none;
   scroll-behavior: smooth;
   border-style: outset;
 }
+.workflow > p {
+  padding-left: 1em;
+}
+.workflow > h2 {
+  padding-left: 0.4em;;
+}
 
 .workflow input{
   max-width: 20em;
@@ -86,6 +95,13 @@ fieldset.required {
   border: none;
 }
 
+fieldset.required > ul {
+  padding-left: 0px;
+}
+
+fieldset.required > ul > li{
+  list-style-type: none;
+}
 input {
   border: none;
   background: #E0B0FF;
@@ -113,7 +129,7 @@ input[type="submit"]:disabled:focus {
 
 #delete {
   color: black;
-  background-color: #aa5050;
+  background-color: #F92020;
 }
 
 #update {
@@ -171,7 +187,7 @@ a:active {
 
 div.maincontent{
   width: 55%;
-  border: 3px solid #E0B0FF;
+  border: 3px #E0B0FF;
   margin-top: 0.5em;
   padding: 0.5em;
   border-style: outset;

verse/templates/distribusiworkflow/editcss.html

@@ -1,12 +1,12 @@
 <div id="edit" class="workflow">
-  <h3>(Optional) Step 3: Edit</h3>
+  <h2>(Optional) Step 3: Edit</h2>
   {% if files_uploaded or distribusi_live %}
-  <a href="/editor"><p>Go to CSS editor</p></a>
+  <p><a href="/editor">Go to CSS editor</a></p>
   {% else %}
     <p>
       You need to upload your files first before you can a css theme
       for your files.
     </p>
-    <a href="#upload">Go to Step 1</a>
+    <p><a href="#upload">Go to Step 1</a></p>
   {% endif %}
 </div>

verse/templates/distribusiworkflow/launch.html

@@ -1,5 +1,5 @@
 <div id="launch" class="workflow">
-  <h3>Step 4: Distribusi</h3>
+  <h2>Step 4: Distribusi</h2>
   <p>Run distribusi on your files. This will generate your website and make
     your content public.</p>
     <form method="POST" enctype="multipart/form-data" action="{{ url_for('distribusi') }}">

verse/templates/distribusiworkflow/theme.html

@@ -1,8 +1,9 @@
 <div id="theme" class="workflow">
-  <h3>(Optional) Step 2: Choose a Theme</h3>
+  <h2>(Optional) Step 2: Choose a theme</h2>
   <p>Select your Theme here. If you want to make own custom css, skip and go to
     step 3.</p>
   <p>Don't forget to press Save</p>
+  <hr>
   <form method="POST" enctype="multipart/form-data" action="{{ url_for('theme') }}">
     {{ themeform.csrf_token }}
     <fieldset class="required">

verse/templates/distribusiworkflow/upload.html

@@ -1,5 +1,5 @@
   <div id="upload" class="workflow">
-    <h3>Step 1: Upload</h3>
+    <h2>Step 1: Upload</h2>
     <p>Upload your files here:</p>
     <form method="POST" enctype="multipart/form-data" action="{{ url_for('upload') }}">
       {{ uploadform.csrf_token }}