Move the character submission link to the bottom of the options list

macrovision.css

@@ -131,6 +131,7 @@ body.toggle-entity-glow .entity-box:not(.selected) > img{
     display: flex;
     justify-content: space-evenly;
 }
+
 .options-row {
     display: flex;
     text-align: center;
@@ -138,7 +139,6 @@ body.toggle-entity-glow .entity-box:not(.selected) > img{
     margin-top: 10px;
     margin-bottom: 10px;
 }
-
 .options-block {
     display: flex;
     text-align: center;
@@ -168,6 +168,19 @@ body.toggle-entity-glow .entity-box:not(.selected) > img{
     margin-bottom: 10px;
 }
 
+.options-banner {
+    text-align: center;
+    font-size: 24pt;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    background: #232;
+    text-decoration: none;
+}
+
+.options-banner:hover {
+    background: #454;
+}
+
 .options-selector {
     font-size: 150%;
     width: 100%;
@@ -232,7 +245,8 @@ body.toggle-scale #display {
     display: block;
 }
 
-#options .options-label {
+#options .options-label,
+#options .options-banner {
     flex: 0 1;
     width: 100%;
     font-size: 150%;

macrovision.html

@@ -220,6 +220,8 @@
         <span id="options-attribution-source">
         </span>
       </span>
+      <a href="https://docs.google.com/forms/d/e/1FAIpQLScRC-okDZ3FtzDTkbqSrpj5_OGD-1Vl-VYizOK3QM6quus11g/viewform?usp=sf_link" class="options-banner">Submit your<br>character!</a>
+      
     </div>
     <div id="world">
       <input type="range" step="0.001" min="0" max="2" value="1" class="floating-slider" id="slider-scale"/>
@@ -232,8 +234,7 @@
       <div class="bottom-cover"></div>
     </div>
   </div>
-  <a href="https://docs.google.com/forms/d/e/1FAIpQLScRC-okDZ3FtzDTkbqSrpj5_OGD-1Vl-VYizOK3QM6quus11g/viewform?usp=sf_link" class="corner-ribbon bottom-right">Submit your<br>character</a>
-
+  
 </body>
 
 </html>