Style adjustments

index.css

@@ -1,6 +1,7 @@
 body {
 	background-color: #1f2937;
 	color: #fff;
+	font-family: Noto Serif, serif;
 	--columns: 2;
 	--rows: 2;
 }
@@ -64,6 +65,8 @@ body.wide {
 	font-size: xx-large;
 	border: 1px solid #bbb;
 	vertical-align: top;
+
+	transition: height 0.25s;
 }
 
 .cell.done {
@@ -86,17 +89,11 @@ body.wide {
 	margin-top: 1em;
 }
 
-/*
-.keyboard-row:nth-child(2) {
-	margin-left: 0.75em;
-}
-
-.keyboard-row:nth-child(3) {
-	margin-left: 1.5em;
-}
-*/
-
 .key {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+
 	width: 1.5em;
 	height: 1.5em;
 	font-size: xx-large;
@@ -105,16 +102,15 @@ body.wide {
 	color: #fff;
 	background-color: rgb(107 114 128);
 	border-color: rgb(55 65 81);
+	border-radius: 5px;
 
 	cursor: pointer;
 }
 
 #backspace, #enter {
 	width: 3em;
-	margin: 0.1em;
-	display: inline-flex;
-	justify-content: center;
-	align-items: center;
+	margin-left: 0.1em;
+	margin-right: 0.1em;
 }
 
 #share {
@@ -132,6 +128,10 @@ body.wide {
 	display: none;
 }
 
+#options {
+	margin-top: 1em;
+}
+
 #copyarea {
 	display: none;
 	background-color: #1f2937;