body{ 
  font-family: Arial, sans-serif;
  background:#0b0b0b;
  color:white;
  text-align:center;
  margin:0;
}

h1{
  margin-top:25px;
  margin-bottom:10px;
}

/* nav links */
nav{
  margin-bottom:25px;
}

nav a{
  margin:0 12px;
  font-weight:bold;
  color:#2acacf;
  text-decoration:none;
}

nav a:hover{
  text-decoration:underline;
}

/* search box */
input{
  padding:8px;
  border-radius:6px;
  border:none;
  margin:10px;
}

button{
  padding:8px 12px;
  border:none;
  border-radius:6px;
  background:#2acacf;
  color:black;
  cursor:pointer;
}

button:hover{
  opacity:.85;
}

/* table container */
table{
  margin:auto;
  margin-top:20px;
  border-collapse:separate;
  border-spacing:0;
  width:85%;
  background:#161616;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 0 20px rgba(0,0,0,.6);
}

/* table header */
th{
  background:#1f1f1f;
  color:#2acacf;
  padding:14px;
  font-size:14px;
  letter-spacing:.5px;
  text-align:center;
}

/* table cells */
td{
  padding:12px;
  font-size:14px;
  text-align:center;
}

/* zebra rows */
tr:nth-child(even){
  background:#141414;
}

tr:nth-child(odd){
  background:#101010;
}

/* hover */
tr:hover{
  background:#1c1c1c;
}

/* remove borders */
th, td{
  border:none;
}

/* links */
a{
  color:#2acacf;
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

/* category colors */
.low{
  color:#ff6b6b;
  font-weight:bold;
}

.medium{
  color:#f7c948;
  font-weight:bold;
}

.high{
  color:#4cd964;
  font-weight:bold;
}

/* pagination */
.pagination{
  margin:25px;
  text-align:center;
}

.pagination a{
  padding:8px 12px;
  margin:4px;
  background:#1a1a1a;
  border-radius:6px;
  display:inline-block;
  color:white;
  text-decoration:none;
}

.pagination a:hover{
  background:#2acacf;
  color:black;
}
form input, form select{
  display:block;
  width:200px;
  margin:10px auto;
  padding:8px;
  border-radius:6px;
  border:none;
  text-align:center;
}