pis (!2)

Reviewed-on: #2

styles/board.css

@@ -76,13 +76,6 @@
     height: 25px;
 }
 
-#home_icon {
-    position: absolute;
-    width: 30px;
-    right: 10px;
-    top: 10px;
-}
-
 .header-small {
     text-align: right;
     padding-right: 5px;

styles/main.css

@@ -106,6 +106,12 @@ body {
 }
 body a {color:var(--link-color)}
 body a:visited {color:var(--link-visited-color)}
+#home_icon {
+  position: absolute;
+  width: 30px;
+  right: 10px;
+  top: 10px;
+}
 .titleimg {
   width: 45%;
   padding-top: 20px;
@@ -295,6 +301,10 @@ label {
   transition: 0.5s;
 }
 
+#auth-required {
+  color: var(--main-warning-color);
+}
+
 /* Footer Styles */
 footer {
   background-color: var(--accent-color);

styles/pis.css

@@ -0,0 +1,45 @@
+#crs-inputs {
+    display: flex;
+    justify-content: center;
+}
+
+.pis-input {
+    width: 55%;
+    max-width: 200px;
+    margin: auto;
+}
+
+#result-box {
+    display: none;
+}
+
+#result-table {
+    margin: auto;
+    color: var(--second-text-color);
+    width: 85%;
+    max-width: 700px;
+    text-align: center;
+}
+
+td, th {
+    border-bottom: 1px solid;
+}
+
+#reset {
+    margin-top: 15px
+}
+
+#reset {
+    margin-top: 25px;
+}
+
+.pis-code {
+    font-weight:bold;
+}
+
+.station {
+    text-transform: uppercase;
+    overflow-wrap: anywhere;
+    font-family: firamono, monospace;
+    line-height: 1.2;
+}

styles/settings.css

@@ -5,6 +5,7 @@
 
 #done {
     opacity: 0;
+    display: none;
     position: fixed;
     top: 50%;
     left: 50%;