Add CSS classes for styling registration status

templates/index.rs.html

@@ -54,7 +54,7 @@ templates::{info, instance, statics::index_css},
       }
     </article>
     }
-    <article>
+    <article id="joining">
       <h3>Joining</h3>
       <section class="joining">
         @if config.restricted_mode() {

templates/instance.rs.html

@@ -10,12 +10,12 @@
         Running @software, version @instance.version.
         }
         @if instance.reg {
-        <br>Registration is open.
+        <br><span class="reg-open">Registration is open.</span>
         @if instance.requires_approval {
-        Accounts must be approved by an admin.
+        <span class="reg-moderated">Accounts must be approved by an admin.</span>
         }
         } else{
-        Registration is closed
+        <span class="reg-closed">Registration is closed</span>
         }
       </p>
       @if !instance.description.trim().is_empty() || contact.is_some() {