🐗🐄 Checkpoint

./public/style.css:530995/411
./views/room.handlebars:530995/42
./server.js:530995/182
./views/index.handlebars:530995/1364

public/style.css

@@ -8,12 +8,12 @@ body {
   font-family: sans-serif;
   margin: 2em 1em;
   line-height: 1.5em;
+  text-align: center;
 }
 
 h1 {
   font-style: italic;
   color: #373fff;
-  max-width: calc(100% - 5rem);
   line-height: 1.1;
 }
 
@@ -23,6 +23,7 @@ form {
   grid-gap: 1em;
   padding: 1em;
   max-width: 40ch;
+  margin: 0 auto;
 }
 
 input {
@@ -42,7 +43,6 @@ form button {
   font-size: inherit;
   line-height: 1.4em;
   padding: 0.25em 1em;
-  max-width: 20ch;
 }
 
 form button:hover {
@@ -56,9 +56,14 @@ footer {
 }
 
 #buzzer {
-  width: 90vw;
-  height: 90vh;
+  width: 500px;
+  height: 500px;
   margin: 0 auto;
-  border-radius: 100%;
+  border-radius: 500px;
   background: red;
+  border: 4px solid black;
+  box-shadow: 4px 4px 4px rgba(0,0,0,.5);
+  font-size: 4em;
+  color: white;
+  text-shadow: 2px 2px 2px black;
 }