From 4082219525a0446de2a6128f428846e229bc250d Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Thu, 7 Mar 2024 14:46:36 +0100
Subject: [PATCH] fix(css): Make example a little more accessible (#261)

---
 web-workers/simple-shared-worker/style.css | 22 ++-----------
 web-workers/simple-web-worker/style.css    | 38 +++++++---------------
 2 files changed, 15 insertions(+), 45 deletions(-)

diff --git a/web-workers/simple-shared-worker/style.css b/web-workers/simple-shared-worker/style.css
index 343ad8aa..b7d5d5f3 100644
--- a/web-workers/simple-shared-worker/style.css
+++ b/web-workers/simple-shared-worker/style.css
@@ -1,17 +1,8 @@
 html {
-  background-color: #7d2663;
+  background-color: rgb(230, 230, 230);
   font-family: sans-serif;
 }
 
-h1 {
-  margin: 0;
-  font-size: 15vw;
-  letter-spacing: -0.2rem;
-  position: absolute;
-  top: 0;
-  z-index: -1;
-}
-
 p {
   margin: 0 0 1rem 0;
 }
@@ -20,15 +11,8 @@ p {
   padding: 4vw;
   width: 75%;
   margin: 3vw auto;
-  background-color: rgba(255, 255, 255, 0.7);
-  border: 5px solid black;
-  opacity: 0.3;
-  transition: 1s all;
-}
-
-.controls:hover,
-.controls:focus {
-  opacity: 1;
+  border: 2px solid;
+  border-radius: 6px;
 }
 
 .controls label,
diff --git a/web-workers/simple-web-worker/style.css b/web-workers/simple-web-worker/style.css
index 1e522576..b7d5d5f3 100644
--- a/web-workers/simple-web-worker/style.css
+++ b/web-workers/simple-web-worker/style.css
@@ -1,40 +1,26 @@
 html {
-	background-color: #7D2663;
-	font-family: sans-serif;
-}
-
-h1 {
-	margin: 0;
-	font-size: 20vmin;
-	letter-spacing: -0.2rem;
-	position: absolute;
-	top: 0;
-	z-index: -1;
+  background-color: rgb(230, 230, 230);
+  font-family: sans-serif;
 }
 
 p {
-	margin: 0;
+  margin: 0 0 1rem 0;
 }
 
 .controls {
-	padding: 4vw;
-	width: 75%;
-	margin: 10vw auto;
-	background-color: rgba(255,255,255,0.7);
-	border: 5px solid black;
-	opacity: 0.3;
-	transition: 1s all;
+  padding: 4vw;
+  width: 75%;
+  margin: 3vw auto;
+  border: 2px solid;
+  border-radius: 6px;
 }
 
-.controls:hover, .controls:focus {
-  opacity: 1;
-}
-
-.controls label, .controls p, .controls input {
-	font-size: 3vw;
+.controls label,
+.controls p,
+.controls input {
+  font-size: 3vw;
 }
 
 .controls div {
   padding-bottom: 1rem;
 }
-