get shorts working

css/main.css

@@ -473,6 +473,7 @@ td {
     overflow: hidden;
     resize: none;
     margin-bottom: 1.6rem;
+    border-radius: 0.3em;
 }
 
 .long-answer-marked {
@@ -804,6 +805,7 @@ select option:disabled {
     border-radius: 5px;
     color: #311B92;
     margin: 0 .8rem .8rem 0;
+    padding: 1rem 1.6rem;
     box-shadow: none;
     text-shadow: none;
     flex: 0 0 auto;
@@ -1113,7 +1115,21 @@ select option:disabled {
 .invalid-login {
     color: red;
 }
-
+.invalid-login::before {
+    content: "Invalid login";
+    color: red;
+    font-size: 1rem;
+    font-weight: 900;
+    border: 0.25rem solid red;
+    display: inline-block;
+    text-transform: uppercase;
+    border-radius: 1rem;
+    font-family: 'Courier';
+    opacity: 80%;
+    margin-top: 3em;
+    padding: 0.25rem 1rem;
+    position: absolute;
+} 
 /* input[type="number"] {
     user-select: text;
     -moz-user-select: text;