correção de xss e mais uma porrada coisas '-'

rpg/css/login.css

@@ -31,3 +31,16 @@ body {
         }
     }
 }
+
+@media only screen and (max-width: 1080px) {
+    #login_form {
+        width: 80%;
+        ul {
+            padding-top: 0;
+            justify-content: center;
+            li {
+                margin-top: 3vw;
+            }
+        }
+    }
+}

rpg/css/register.css

@@ -40,3 +40,16 @@ body {
         }
     }
 }
+
+@media only screen and (max-width: 1080px) {
+    #register_form {
+        width: 80%;
+        ul {
+            padding-top: 0;
+            justify-content: center;
+            li {
+                margin-top: 3vw;
+            }
+        }
+    }
+}

rpg/css/style.css

@@ -351,7 +351,12 @@
     #text_lore {
         ul {
             position: relative;
-            #btn {
+            width: 100%;
+            min-height: 20dvw;
+            display: flex;
+            align-items: center;
+            flex-direction: column;
+            a {
                 position: absolute;
                 top: 1dvh;
                 right: 1dvh;
@@ -369,6 +374,35 @@
                 font-size: 1.5em;
                 padding: 1vw;
                 white-space: pre-wrap;
+                width: 100%;
+                min-height: 45dvw;
+            }
+            textarea {
+                width: 100%;
+                min-height: 45dvw;
+                resize: none;
+                border: none;
+                background-color: transparent;
+                font-family: arial;
+                font-size: 1.5em;
+                padding: 1vw;
+                white-space: pre-wrap;
+                color: #ffffff;
+            }
+            .lore_edit {
+                border: none;
+                margin: 1dvw 0 1dvw 0;
+                padding: 0.5dvh;
+                width: 99%;
+                background-color: var(--btncolor);
+                font-family: Arial, Helvetica, sans-serif;
+                font-size: 2em;
+                border-radius: 1dvw;
+                cursor: pointer;
+                transition: 0.3s;
+            }
+            .lore_edit:hover {
+                background-color: var(--lines);
             }
         }
     }
@@ -435,4 +469,15 @@
         width: 30%;
         transform: translateY(50px) translateX(-50px);
     }
+
+    #box_2 {
+        #text_lore {
+            a {
+                height: 200dvw;
+            }
+            textarea {
+                height: 200dvw;
+            }
+        }
+    }
 }