@font-face {
  font-family: GentiumPlusW;
  src: url(../../../shared/fonts/gentium/GentiumPlus-R.woff);
}

html {
  font-size: 6vmin;
  text-align: center;
  height: 100%;
}

body {
  height: 100%;
  margin: 0;
  background-color: #eee;
}

h1 {
  margin: 0;
}

ul {
  list-style: none;
  padding-bottom: 1.5em;
}

li {
  font-weight: bold;
  display: flex;
  justify-content: space-around;
}

a {
  text-decoration: none;
}

span {
  background-color: transparent;
}

span:not([data-link]) {
  position: relative;
  top: -0.2em;
  font-family: GentiumPlusW;
  color: #999;
  font-weight: normal;
  background-color: transparent;
}

button, select {
  font-size: 1em;
  position: fixed;
  bottom: 0;
  height: 1.5em;
}

button {
  left: 0;
  width: 75%;
}

select {
  left: 75%;
  width: 25%;
}