@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300');
@import url('background.css');
html {
  height: 100%;
}
div {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
  text-align: center;
}
div.blurry {
  filter: blur(5px);
}
div > span {
  margin-right: 50pt;
}
div > span > a {
  color: #bbb;
}
div a {
  padding: 10pt;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
div a.highlighted {
  color: white;
  background: black;
}
@media(max-width: 600px) { /* medium */
div > span {
  margin: 0 0 40pt;
  display: block;
}
}
@media(max-width: 450px) { /* mobile */
div > a {
  margin: 20pt 0;
  display: block;
}
}
div > a > i {
  position: absolute;
  margin-top: -10pt;
}
table {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff7;
  box-shadow: 3px 3px 5px #0002;
}
table td {
  line-height: 150%;
  vertical-align: top;
}
table td:first-child {
  text-align: right;
  padding-right: 10pt;
}
table td:last-child {
  text-align: left;
  padding-left: 10pt;
}
table tr:first-child td { padding-top: 20pt; }
table tr:last-child td { padding-bottom: 20pt; }
table td:first-child { padding-left: 20pt; }
table td:last-child { padding-right: 20pt; }
div > div {
  position: relative;
  margin-top: 20pt;
  width: 100%;
  text-align: center;
  word-break: break-all;
  min-height: 20pt;
}
.select {
  user-select: all;
}