first commit

public/font.css

@@ -0,0 +1,14 @@
+@font-face {
+  font-family: Ubuntu;
+  src: url("fonts/ubuntu.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: JetBrainsMono;
+  src: url("fonts/jetbrains.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: JetBrainsItalic;
+  src: url("fonts/jetbrains-italic.woff2") format("woff2");
+}

public/style.css

@@ -0,0 +1,159 @@
+@import url("/font.css");
+
+:root {
+  --dark-main: black;
+  --dark-second: #070707;
+  --dark-third: #151515;
+  --bright-main: white;
+  --bright-second: #DFDFDF;
+  --bright-third: #777777;
+}
+
+::selection {
+  background: rgba(150, 150, 150, 0.4);
+}
+
+*{
+  padding: 0;
+  font-family: Ubuntu;
+  margin: 0;
+}
+
+body{
+  background: var(--dark-main);
+  padding-bottom: 50px;
+}
+
+main {
+  padding: 40px 10% 0% 10%;
+}
+
+.bar {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  background: var(--dark-second);
+  padding: 20px;
+  border-bottom: solid 1px white;
+}
+
+.logo-div {
+  display: flex;
+  flex-direction: row;
+  color: white;
+  gap: 15px;
+}
+
+.logo-text{
+  font-family: JetBrainsMono;
+  font-size: 25px;
+}
+
+.logo {
+  font-family: JetBrainsItalic;
+  font-size: 25px;
+}
+
+.links {
+  display: flex;
+  flex-direction: row;
+  gap: 10px;
+}
+
+.links a{
+  color: var(--bright-main);
+  font-family: Ubuntu;
+  font-size: 20px;
+  text-decoration: none;
+}
+
+.links a:hover {
+  color: var(--bright-second);
+}
+
+.error {
+  text-align: center;
+}
+
+.error h1{
+  font-size: 30px;
+  color: white;
+  margin: 50px 50px 10px 50px;
+}
+
+.error a{
+  font-size: 20px;
+  color: var(--bright-second);
+}
+
+.search {
+  display: flex;
+  background: var(--dark-second);
+  flex-direction: column;
+  padding: 30px;
+  gap: 10px;
+  color: white;
+}
+
+.status {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
+
+form {
+  flex-direction: row;
+  justify-content: space-around;
+  display: flex;
+  gap: 5px;
+}
+
+form input {
+  flex-grow: 4;
+  font-size: 15px;
+  color: white;
+  background: var(--dark-main);
+  padding: 10px;
+  outline: none;
+  border: solid 1px var(--bright-main);
+  flex-grow: 4;
+}
+
+form select {
+  appearance: none;
+  text-align: right;
+  flex-grow: 1;
+  font-size: 15px;
+  color: white;
+  background: var(--dark-main);
+  padding: 10px;
+  outline: none;
+  border: solid 1px var(--bright-main);
+  cursor: pointer;
+  display: grid;
+  width: 10%;
+}
+
+table {
+  margin-top: 20px;
+  border-collapse: collapse;
+  width: 100%;
+}
+
+table tr {
+  font-size: 15px;
+}
+
+table th, table td {
+  padding: 10px;
+  border: 1px solid var(--bright-second);
+  color: white;
+  text-align: left;
+  flex-grow: 4;
+}
+
+table td a {
+  color: white;
+}