Includes (js, css to public)

public/css/loading.css

@@ -0,0 +1,19 @@
+.loader {
+    border: 16px solid #f3f3f3;
+    border-radius: 50%;
+    border-top: 16px solid rgb(101, 30, 122);;
+    width: 100%;
+    height: 100%;
+    -webkit-animation: spin 2s linear infinite; /* Safari */
+    animation: spin 2s linear infinite;
+}
+
+@-webkit-keyframes spin {
+    0% { -webkit-transform: rotate(0deg); }
+    100% { -webkit-transform: rotate(360deg); }
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}

public/css/modal.css

@@ -0,0 +1,28 @@
+.modal-container-hiden {
+    display: none !important;
+}
+
+#modal:target {
+    display: flex;
+}
+
+#modal2:target {
+    display: flex;
+}
+
+#modal3:target {
+    display: flex;
+}
+
+#modal4:target {
+    display: flex;
+}
+
+
+@media (max-width: 767px){    
+    .modal>.overflow {
+        height: calc(100% - 44px);
+        overflow-y: scroll;
+        overflow-x: hidden;
+    }
+}

public/css/override.css

@@ -0,0 +1,21 @@
+table.table td, table.table th {
+  border: 2px solid #121a2b;
+  padding: 8px;
+}
+
+/*tr:nth-child(even){background-color: #f2f2f2;}*/
+
+table.table tr:hover {background-color: #121a2b;}
+
+table.table th {
+  padding-top: 12px;
+  padding-bottom: 12px;
+  text-align: left;
+  background-color: #121a2b;
+  color: white;
+}
+
+button:disabled,
+button[disabled] {
+  opacity: .4;
+}

public/css/pre.css

@@ -0,0 +1,17 @@
+pre{
+    border-radius: 3px;
+    border: 0px solid transparent;
+    color: #d4def7;
+    padding: 0.5em 0.8em;
+    line-height: 1.5;
+    background: #121a2b;
+    width: 100%;
+    display: block;
+}
+
+.rectangle-content{
+    width: 100%;
+    background: linear-gradient(135deg, rgba(116, 34, 189, 0.5), rgba(185, 19, 121, 0.5));
+    border-radius: 8px;
+    padding: .25rem !important;
+}