Initial commit

styles.css

@@ -0,0 +1,87 @@
+@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200&display=swap');
+
+body {
+    font-family: 'Nunito', sans-serif;
+    color: #2e3133;
+    font-weight: normal;
+    margin: 0px;
+}
+
+* {
+    margin: 0;
+    padding: 0;
+}
+
+html,
+body {
+    height: 100%;
+    min-height: 100%;
+}
+
+div#header {
+    background-color: rgb(85, 85, 85);
+    width: 100%;
+    height: 80px;
+}
+
+#logo {
+    padding: 20px 20px 20px;
+}
+
+iframe#frame {
+    flex-grow: 1;
+}
+
+div#content {
+    width: 100%;
+    height: calc(100% - 80px);
+    display: flex;
+}
+
+div#toolList {
+    float: left;
+    width: 200px;
+    background-color: rgb(85, 85, 85);
+    height: 100%;
+}
+
+li{
+    font-size: 20px;
+    font-weight: bold;
+}
+
+div#copyright{
+    color:rgb(192, 192, 192);
+    position: fixed;
+    bottom: 10px;
+    width: 200px;
+    text-align: center;
+}
+
+div#copyright a, a:visited,  a:active {
+    color: rgb(192, 192, 192);
+}
+
+ul#toolList {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    display: block;
+    float: left;
+    background-color: rgb(85, 85, 85);
+    width: 100%;
+}
+
+#toolListRow a {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 20px 50px 25px;
+    text-decoration: none;
+}
+
+#toolListRow a:hover {
+    background-color: #111111;
+    transition-duration: .3s;
+}