html, body {
  padding: 0;
  margin: 0;
  overflow: hidden;
  color: #eeeeee;
  background: #111111;
}
.header {
  width: 100%;
  height: 13vw;
}
.meow {
  color: #db2841;
}
.title {
  font-weight: bold;
  font-size: 5vw;
  width: 100%;
  text-align: center;
}
table.stats {
  width: 100%;
}
table.stats td {
  padding: 0.8vw;
  margin: 0;
  font-size: 4vw;
}
table.stats td.time{
}
table.stats td.stars {
  text-align: right;
  color: yellow;
}
div#final_stars {
  color: yellow;
  font-size: 8vw;
  font-weight: bold;
}

#footer {
  background: #444;
  height: 4vw;
  width: 100%;
  font-size: 2vw;
  color: white;
  font-family: Monospace;
}
#footer .padder {
  padding: 0.8vw;
}
#footer a {
  text-decoration: none;
  color: #111;
  background: white;
  padding: 0.3vw;
  border-radius: 0.5vw;
}
#footer a:hover {
  color: red;
}

#caption {
  font-size: 5vw;
  text-align: center;
  width: 100%;
  height: 4vw;
}
#caption .padder {
  padding: 0.8vw;
  padding-top: 0.3vw;
}

div.hit {
  position: absolute;
}

* {
  user-select: none;
}

div#photo {
  user-select: none;
}
div#photo div {
  user-select: none;
}
div#photo img {
  user-select: none;
}

div#win {
  padding: 1vw;
  display: none;
}

div#win .final {
  padding: 5vw;
  font-size: 8vw;
  font-weight: bold;
}
div#win .finalmsg,
div#win .msg {
  padding: 5vw;
  background: #ddd;
  border-radius: .75vw;
  font-size: 6vw;
  font-weight: normal;
  text-align: center;
  display: inline-block;
  color: black;
}
div#win .finalmsg {
  background: #000;
  color: white;
  border: 0.5vw solid #db2841;
}
div#win .finalmsg .msg2,
div#win .msg .msg2 {
  padding-top: 5vw;
  font-size: 5vw;
}

div#loss {
  color: red;
  font-size: 5vw;
  text-align: center;
  padding: 1vw;
  display: none;
}

.button {
  font-size: 5vw;
}
table.main {
  width: 100%;
  height: 100%;
}

div#sets {
  margin: 0 auto;
}
div#sets div.set {
  border: 0.2vw solid white;
  display: inline-block;
  width: 40vw;
  border-radius: 1vw;
  background: #fff;
  margin: 1vw;
  cursor: pointer;
}
div#sets div.set:hover {
  background: #db2841;
  border: 0.2vw solid #db2841;
}
div#sets div.set .image {
  width: 39vw;
  height: 39vw;
  padding: 0.5vw;
  position: relative;
  display: inline-block;
  overflow: hidden;
}
div#sets div.set .image img {
  width: 100%;
}
div#sets div.set .title {
  font-size: 3.5vw;
  padding: 1vw;
  padding-top: 1vw;
  color: #000;
  font-weight: normal;
}
div#sets div.set:hover .title {
  color: white;
}
div#sets div.set .stars {
  width: 39vw;
  height: 39vw;
  position: absolute;
  top: 0.5vw;
  color: yellow;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  font-size: 6vw;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background: #00000066;
}
button.button {
  border: 0.5vw solid #db2841;
  border-radius: 0.5vw;
  background: #db2841;
  color: #eee;
  font-size: 6vw;
  font-weight: bold;
  cursor: pointer;

}
button.button:hover {
  border-color: white;
  background: white;
  color: #db2841;
}
div.new_title {
  font-weight: bold;
  font-size: 5vw;
  margin: 1vw;
  margin-top: 2vw;
  display: inline-block;
  clear: both;
}
div.seen_title {
  color: #ddd;
  font-weight: bold;
  font-size: 3.5vw;
  border-bottom: 0.2vw dotted #ddd;
  margin: 1vw;
  margin-top: 2vw;
  display: inline-block;
  clear: both;
}