remote.css

@import "//necolas.github.io/normalize.css/3.0.2/normalize.css";
@import "//code.cdn.mozilla.net/fonts/fira.css";

body {
  font-family: "Fira Mono", monospace;
  font-size: 16px;
  line-height: 1.5;
  color: #444;
}

h1, h2, h3 {
  font-weight: 400;
}
::-webkit-input-placeholder {
  color: #81C784;
}
:-moz-placeholder {
  color: #81C784;
}
::-moz-placeholder {
  color: #81C784;
}
:-ms-input-placeholder {
  color: #81C784;
}

a {
  color: #388E3C;
  font-weight: 500;
  transition: all 0.1s ease-in-out;
}
a:hover {
  color: #000;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #388E3C;
  color: white;
  padding: 20px;
}
header input {
  border-width: 0;
  background-color: transparent;
  outline: none;
}
header a {
  color: white;
}

.content {
  margin-top: 64px;
}
.content p {
  padding: 20px;
}

.jobs {
  width: 100%;
}
.jobs th {
  padding: 15px 20px;
  text-align: left;
  font-weight: 400;
  color: #999;
}
.jobs td {
  padding: 15px 20px;
  transition: all 0.1s ease-in-out;
}
.jobs thead th,
.jobs tr:nth-child(2n) {
  background-color: #F6F6F6;
}
.jobs tr:hover td {
  color: #FFF;
  background-color: #66BB6A;
}
.jobs tr:hover td a {
  color: #FFF;
}
.jobs tr.visited td {
  text-decoration: line-through;
}
.jobs tr td a.remove {
  color: #FFF;
  background-color: #388E3C;
  text-decoration: inherit;
  padding: 0 5px;
}
.jobs tr td a.remove:hover {
  background-color: #000;
}