Initial commit

Frontend/styles.css

@@ -0,0 +1,100 @@
+html, body {
+    margin: 0px;
+    height: 100%;
+    min-height: 100%;
+    font-family: 'Nunito', sans-serif;
+}
+
+select {
+    font-size: 16px;
+}
+
+button#requestButton {
+    width: 100%;
+}
+
+div#content {
+    width: 100%;
+    min-height: 100%;
+    display: flex;
+}
+
+div#fields {
+    float: left;
+    width: 55%;
+    margin-left: 8px;
+    margin-right: 8px;
+    height: 100%;
+    margin-bottom: 60px;
+}
+
+p {
+    margin: 1
+}
+
+label {
+    font-size: 20px;
+    color: rgb(44, 44, 44);
+}
+
+textarea {
+    width: 99.4%;
+    resize: vertical;
+    color: #6b6b6b;
+}
+
+textarea#resultArea {
+    width: 99.4%;
+    resize: vertical;
+}
+
+span#procinfo {
+    color: #30aa58;
+}
+
+p#tooltipText {
+    width: 200px;
+    height: 150px;
+}
+
+div#tooltip {
+    margin-top: 160px;
+    float: right;
+    width: 40%;
+    height: 100%;
+}
+
+.collapsible {
+    width: 100%;
+}
+
+.collapsible.active {
+    background-color: rgb(129, 129, 129) !important;
+}
+
+.collapsibleData {
+    transition: max-height .2s ease-out;
+    max-height: 0px;
+}
+
+.docTable td, .docTable th{
+    border-spacing: 0px;
+    padding: 0px 10px;
+}
+
+.docTable td {
+    background-color: rgba(155, 165, 160, 0.342);
+}
+
+.docTable th {
+    background-color: #3bc4f1;
+    text-align: left;
+    color: white;
+}
+
+.collapsibleDataMini{
+    /* border-radius: 10px; */
+    border: solid rgba(137, 146, 142, 0.267);
+    border-width: 0px 0px 0px 3px;
+    margin-left: 10px;
+}