💎

src/app.css

@@ -0,0 +1,51 @@
+html,
+body {
+  overflow: hidden;
+}
+
+:root {
+  --rx: 6rem;
+  --ry: 8rem;
+}
+
+.app {
+  height: 100vh;
+  overflow: hidden;
+  display: grid;
+  grid-template-columns: 70px 1fr 70px;
+  grid-template-rows: 90px 200px 1fr 80px 120px;
+  width: 100%;
+}
+
+.app .overlay {
+  grid-column: 2/3;
+  grid-row: 3/4;
+  border-radius: 2px;
+  box-shadow: 0 0 0 1000rem rgba(0, 0, 0, 0.7);
+}
+
+.app .header {
+  grid-column: 1/4;
+  grid-row: 1/2;
+  background: #0080a3;
+}
+
+.app .headtext {
+  grid-column: 1/4;
+  grid-row: 2/3;
+  color: white;
+  margin: auto;
+  font-size: 24pt;
+}
+
+.app .footer {
+  grid-column: 1/4;
+  grid-row: 5/6;
+  background: #000000;
+}
+
+.app .webcam {
+  grid-column: 1 / 3;
+  grid-row: 1 / 2;
+  height: 100vh;
+}