diff --git a/index.html b/index.html
index 7c6b509..1598eaa 100644
--- a/index.html
+++ b/index.html
@@ -2,9 +2,10 @@
     oninput="i.srcdoc=h.value+'<style>'+c.value+
             '</style><script>'+j.value+'<\/script>'">
     <style>
-        textarea,iframe{width:100%;height:50%}
-        body{margin:0}
-        textarea{width:33.33%;font-size:18}
+        textarea,iframe{width:100%;height:100%;}
+        iframe{grid-row:2;grid-column:1/4;border:none;}
+        body{margin:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:50vh 50vh;grid-gap:2px;}
+        textarea{font-size:14;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;border:none;background:hsl(0,0%,94%);}
     </style>
     <textarea placeholder=HTML id=h></textarea>
     <textarea placeholder=CSS id=c></textarea>