1 files changed, 19 insertions, 12 deletions
diff --git a/webAO/client.css b/webAO/client.css
index a23aa66..7458f47 100644
--- a/webAO/client.css
+++ b/webAO/client.css
@@ -1,5 +1,5 @@
 body {
-	font-family: "Ace Attorney", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "MS Gothic", "ＭＳ Ｐゴシック", "Tahoma", Sans;
+	font-family: sans-serif;
 }
 
 img {
@@ -228,13 +228,22 @@ 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;
-	padding: 0px 6px;
-	height: 7%;
-	border: 1px solid rgba(255, 255, 255, 0.7);
-	background: rgba(73, 0, 254, 0.5);
-	top: 63%;
+	top: 5%;
+	padding: 0px 10px;
+	height: 20%;
 	border-radius: 3px;
 	position: absolute;
 }
@@ -242,13 +251,10 @@ img {
 #client_chat {
 	font-size: 1em;
 	display: none;
-	width: 98%;
-	width: calc(100% - 4px);
+	width: 100%;
 	margin: auto;
-	height: 30%;
-	border: 2px solid rgba(255, 255, 255, 0.7);
-	background-color: rgba(0, 0, 0, 0.5);
-	top: 70%;
+	height: 90%;
+	top: 20%;
 	border-radius: 4px;
 	position: absolute;
 	word-break: keep-all;
@@ -261,6 +267,7 @@ img {
 
 #client_chat p {
 	margin: 4px;
+	padding: 5px 10px;
 	color: white;
 }