add sensor values

style/output.css

@@ -556,6 +556,16 @@ video {
   margin: 1.25rem;
 }
 
+.-my-2 {
+  margin-top: -0.5rem;
+  margin-bottom: -0.5rem;
+}
+
+.mx-5 {
+  margin-left: 1.25rem;
+  margin-right: 1.25rem;
+}
+
 .mx-auto {
   margin-left: auto;
   margin-right: auto;
@@ -575,6 +585,10 @@ video {
   margin-bottom: 0.25rem;
 }
 
+.ml-5 {
+  margin-left: 1.25rem;
+}
+
 .mt-3 {
   margin-top: 0.75rem;
 }
@@ -615,6 +629,10 @@ video {
   width: 18rem;
 }
 
+.w-80 {
+  width: 20rem;
+}
+
 .min-w-60 {
   min-width: 15rem;
 }
@@ -668,6 +686,10 @@ video {
   border-width: 1px;
 }
 
+.border-b {
+  border-bottom-width: 1px;
+}
+
 .border-third {
   --tw-border-opacity: 1;
   border-color: rgb(252 68 61 / var(--tw-border-opacity));
@@ -692,6 +714,10 @@ video {
   background-color: rgb(252 68 61 / var(--tw-bg-opacity));
 }
 
+.p-3 {
+  padding: 0.75rem;
+}
+
 .p-6 {
   padding: 1.5rem;
 }
@@ -739,11 +765,20 @@ video {
   line-height: 2rem;
 }
 
+.text-\[4rem\] {
+  font-size: 4rem;
+}
+
 .text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
 }
 
+.text-sm {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
 .text-xl {
   font-size: 1.25rem;
   line-height: 1.75rem;
@@ -754,6 +789,11 @@ video {
   color: rgb(146 148 150 / var(--tw-text-opacity));
 }
 
+.text-third {
+  --tw-text-opacity: 1;
+  color: rgb(252 68 61 / var(--tw-text-opacity));
+}
+
 .transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -770,6 +810,11 @@ video {
   border-bottom-width: 1px;
 }
 
+.hover\:border-third:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(252 68 61 / var(--tw-border-opacity));
+}
+
 .hover\:bg-prim-lightest:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(46 50 53 / var(--tw-bg-opacity));