Style updates

Author: danburzo

style.css

@@ -27,12 +27,16 @@ button {
 
 button {
 	appearance: none;
-	border: 2px solid;
+	border: 0.1em solid;
 	padding: 0.25em 0.5em;
-	background: #f0f0f0;
+	background: #f3f3f3;
 	color: #000;
-	border-radius: 0.2em;
 	white-space: nowrap;
+	box-shadow: 0.1em 0.1em currentColor;
+}
+
+button:active {
+	background: #fe0;
 }
 
 button[disabled] {
@@ -110,9 +114,8 @@ td img {
 
 .intro-msg {
 	background: #fe0;
-	border: 2px solid;
+	border: 0.15em solid;
 	padding: 1em 2em;
-	border-radius: 0.2em;
 }
 
 .intro-msg > * {
@@ -136,6 +139,17 @@ h1 {
 	line-height: 1.2;
 }
 
+@supports (width: max-content) {
+	h1 {
+		width: max-content;
+		border: 0.1em solid;
+		padding: 0.2em;
+		transform: rotate(-3deg);
+		background: #fe0;
+		box-shadow: 0.1em 0.1em currentColor;
+	}
+}
+
 h1 + p {
 	font-size: 1.4em;
 	max-width: 60ch;