body {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5vh;
  font-family: sans-serif;
  background: #993333;
}

#main {
  text-align: center;
  color: white;
}

#main a {
  text-decoration: none;
  color: white;
}

#main a:hover {
  text-shadow: 0px 0px 5px #FFFFFF;
}

#header {
  font-size: 1.25em;
  background: white;
  color: #993333;
  padding: 2px;
}

#main input {
  font-size: 1.5em;
  box-shadow: 0px 0px 5px black;
  border: none;
  margin: 10px;
}

input[placeholder] {
  text-align: center;
  color: #550000;
}

input:focus {
    outline: none !important;
    border: 1px solid red;
    box-shadow: 0 0 10px red !important;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #DDCCCC;
}

.entry {
  border: 1px solid black;
  margin: 5px;
  box-shadow: 0px 0px 3px;
  background: #FFEFEF;
  /*text-decoration: none; */
  height: 16vh;
}

.entry:hover {
  background: #FFF;
}

.entry a {
  text-decoration: none;
  color: #AA0000;
}

a#random.random {
  background-color: #FFEEEE;
  color: #AA0000 ;
  padding: 2px;
  box-shadow: 0px 0px 3px black;
}

a#random.random:hover {
  background-color: #AA0000;
  color: #FFEEEE;
}

.title {
  font-size: 18px;
  font-weight: bold;
  margin: 5px;
}

.desc {
  margin: 5px;
}