works

1 files changed, 58 insertions, 0 deletions

diff --git a/src/style.css b/src/style.css
new file mode 100644
index 0000000..c207f62
--- /dev/null
+++ b/src/style.css
@@ -0,0 +1,58 @@
+body {
+    background-color: white;
+}
+
+main {
+    margin-left: auto;
+    margin-right: auto;
+    width: min(60em, 80%);
+    background-color: rgb(255, 255, 255);
+    border-radius: 5px;
+}
+
+h1 {
+    color: black;
+    text-align: center;
+}
+
+h2 {
+    margin-top: 0.5em;
+    color: black;
+}
+
+div.service {
+    padding: 1em;
+    margin: 2em;
+    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.15);
+    border-radius: 10px;
+}
+div.service.ok {
+    border-top: 12px solid rgb(130, 255, 80);
+}
+div.service.error {
+    border-top: 12px solid rgb(255, 80, 80);
+}
+
+div.checks {
+    display: grid;
+    width: 100%;
+    grid-template-columns: 30% 10% 60%;
+}
+div.checks span {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    text-wrap: nowrap;
+}
+
+span.details.ok {
+    color: rgb(173, 173, 173);
+}
+span.status {
+    font-weight: bolder;
+}
+span.status.ok {
+    color: rgb(39, 138, 0);
+}
+span.status.error {
+    color: rgb(158, 0, 0);
+}