body {
  background-color: #232629;
  color: #fcfcfc;
}

a {
  color: #71dbc6;
  text-decoration: none;
}

hr {
  border-color: #10f3c6;
  box-shadow: 2px 2px 10px #021a15;
  width: 100%;
}

h1, .footer {
  text-align: center;
}

.headerimg {
  border: 2px #10f3c6 solid;
  box-shadow: 0px 0px 11px 5px #0fc;
}

.body, input {
  color: #095e4d;
  border: 2px #10f3c6 groove;
}

.body {
  margin: 0 auto;
  max-width: 1200px;
  padding: 8px;
  background-color: #16a085;
  box-shadow: 0px 0px 11px 5px #0fc;
}

.form {
  margin: auto;
  text-align: center;
}

input[type="text"], input[type="submit"] {
  background-color: #035444;
  color: #16a085;
  border: 1px #16a085 groove;
  border-radius: 2px;
  margin: 4px auto;
  font-size: 24px;
  border-radius: 6px;
  transition: background-color .3s;
}

input[type="text"] {
  width: 98%;
  max-width: 820px;
}

input[type="text"]:hover, input[type="submit"]:hover {
  background-color: #06705b;
}

.links-top {
  text-align: center;
}

.result, .pagination {
  background-color: #035444;
  margin: 10px 0;
  border-radius: 2px;
  transition: background-color .3s;
}

.result {
  padding: 8px;
  box-shadow: 1px 4px 3px 1px #000605;
  transition: box-shadow .2s;
}

.result:hover {
  box-shadow: 1px 4px 3px 1px #42f3d6;
}

.pagination {
  font-size: 24px;
  padding: 0 10px;
}

.result > a, .pagination > a {
  transition: color .3s;
}

.result:hover, .pagination:hover {
  background-color: #1dd1ad;
}

.result:hover > a, .pagination:hover > a {
  color: #035444;
}

.result-title {
  font-size: 28px;
}

.result-mark {
  background-color: #e8e845;
  border-radius: 2px;
  color: #232629;
  font-weight: bolder;
}