Improve intro splash screen

css/prsm.css

@@ -1673,7 +1673,6 @@ emoji-picker {
 	border-radius: 6px;
 	width: 230px;
 	background-color: var(--pop-up-color);
-	box-shadow: 2px 2px 10px 0px var(--pop-up-shadow-color);
 	border: thin solid var(--pop-up-shadow-color);
 	color: rgb(0, 0, 0);
 	font-family: Oxygen, sans-serif;
@@ -1709,7 +1708,22 @@ emoji-picker {
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
-	border: rgb(0, 255, 0) 4px solid;
+}
+.tutorial-dialog.splash.intro-splash {
+	border: 1px black solid;
+	font-size: larger;
+	width: 600px;
+}
+#splashNameBox {
+	font-size: 24px;
+}
+input#splashNameBox::placeholder {
+    color: green;
+    opacity: 0.3;
+}
+.tutorial-dialog h1{
+	font-size: 2em;
+	line-height: 200%;
 }
 .tutorial-dialog.wide {
 	width: 500px;
@@ -1734,7 +1748,7 @@ emoji-picker {
 }
 .tutorial-dialog .tutorial-button {
 	font-size: 12px;
-	background-color: rgb(0, 0, 0);
+	background-color: var(--header-buttons-color);
 	color: white;
 	border-radius: 20%;
 }