3 files changed, 76 insertions, 43 deletions
diff --git a/webAO/client.css b/webAO/client.css
index 7458f47..43ed7ba 100644
--- a/webAO/client.css
+++ b/webAO/client.css
@@ -228,49 +228,6 @@ img {
 	left: 0;
 }
 
-
-#client_chatcontainer {
-	position: absolute;
-	top: 73%;
-	height: 27%;
-	width: 100%;
-	background-image: url("images/chatbox.svg");
-	background-size: cover;
- 	background-repeat: no-repeat;
-}
-
-#client_name {
-	display: none;
-	top: 5%;
-	padding: 0px 10px;
-	height: 20%;
-	border-radius: 3px;
-	position: absolute;
-}
-
-#client_chat {
-	font-size: 1em;
-	display: none;
-	width: 100%;
-	margin: auto;
-	height: 90%;
-	top: 20%;
-	border-radius: 4px;
-	position: absolute;
-	word-break: keep-all;
-	word-wrap: break-word;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-	scroll-behavior: smooth;
-}
-
-#client_chat p {
-	margin: 4px;
-	padding: 5px 10px;
-	color: white;
-}
-
 .rainbow-text {
 	background-color: rgb(255, 255, 255);
 	background-image: repeating-linear-gradient(to right,
diff --git a/webAO/default.css b/webAO/default.css
new file mode 100644
index 0000000..ec40930
--- /dev/null
+++ b/webAO/default.css
@@ -0,0 +1,35 @@
+#client_name {
+	display: none;
+	padding: 0px 6px;
+	height: 7%;
+	border: 1px solid rgba(255, 255, 255, 0.7);
+	background: rgba(73, 0, 254, 0.5);
+	top: 63%;
+	border-radius: 3px;
+	position: absolute;
+}
+
+#client_chat {
+	font-size: 1em;
+	display: none;
+	width: 98%;
+	width: calc(100% - 4px);
+	margin: auto;
+	height: 30%;
+	border: 2px solid rgba(255, 255, 255, 0.7);
+	background-color: rgba(0, 0, 0, 0.5);
+	top: 70%;
+	border-radius: 4px;
+	position: absolute;
+	word-break: keep-all;
+	word-wrap: break-word;
+	overflow-wrap: break-word;
+	text-align: left;
+	overflow: hidden;
+	scroll-behavior: smooth;
+}
+
+#client_chat p {
+	margin: 4px;
+	color: white;
+}
+\ No newline at end of file
diff --git a/webAO/soj.css b/webAO/soj.css
new file mode 100644
index 0000000..d453e8c
--- /dev/null
+++ b/webAO/soj.css
@@ -0,0 +1,41 @@
+#client_chatcontainer {
+	position: absolute;
+	top: 73%;
+	height: 27%;
+	width: 100%;
+	background-image: url("images/chatbox.svg");
+	background-size: cover;
+ 	background-repeat: no-repeat;
+}
+
+#client_name {
+	display: none;
+	top: 5%;
+	padding: 0px 10px;
+	height: 20%;
+	border-radius: 3px;
+	position: absolute;
+}
+
+#client_chat {
+	font-size: 1em;
+	display: none;
+	width: 100%;
+	margin: auto;
+	height: 90%;
+	top: 20%;
+	border-radius: 4px;
+	position: absolute;
+	word-break: keep-all;
+	word-wrap: break-word;
+	overflow-wrap: break-word;
+	text-align: left;
+	overflow: hidden;
+	scroll-behavior: smooth;
+}
+
+#client_chat p {
+	margin: 4px;
+	padding: 5px 10px;
+	color: white;
+}
+\ No newline at end of file