diff --git a/src/assets/base.css b/src/assets/base.css
index 821a3af..35cdb22 100644
--- a/src/assets/base.css
+++ b/src/assets/base.css
@@ -1,4 +1,9 @@
 :root {
 	--color-background: #1c1b28;
 	--color-accent: #00FFFF;
+	--color-text: #FFF;
+
+	--font-size-base: 18px;
+	--line-height-base: 26px;
+	--font-family: monospace;
 }
diff --git a/src/playground/dropdown.html b/src/playground/dropdown.html
index 02dfe00..4ea1af4 100644
--- a/src/playground/dropdown.html
+++ b/src/playground/dropdown.html
@@ -1,13 +1,39 @@
 <html>
 <meta>
 <link href="base.css" rel="stylesheet" />
-<style contenteditable>
+<style>
 	body {
 		background-color: var(--color-background);
+		font-size: 18px;
+		display: flex;
+		flex: 1;
+		color: var(--color-text);
+
+		#css-container {
+			pre {
+				style {
+					display: block;
+				}
+			}
+		}
 	}
 </style>
+
 </meta>
 
-<body>arst</body>
+<body>
+	<div id="css-container">
+		<pre>
+			<style contenteditable="true">
+				#html-container {
+					background-color: brown;
+				}
+			</style>
+		</pre>
+	</div>
+	<div id="html-container" contenteditable="true">
+	</div>
+	<div id="render-container"></div>
+</body>
 
 </html>
