body {
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-family: 'Roboto', sans;
  text-align: center;
}

.game {
  width: 100%;
  height: 100vw;
  max-width: 100vh;
  max-height: 100vh;
  border: 1px solid;
  //position: absolute;
  top: 0;
}

.game_container {
  display: none;
}

.skin_div {
  //display: flex;
  position: relative;
  width: 4vw;
  height: 4vw;
}

.locked::after {
  pointer-events: none;
  content: '';
  //display: inline-block;
  position: absolute;
  width: 3vw;
  height: 3vw;
  top: 0.5vw;
  left: 0.35vw;
  background: url(https://upload.wikimedia.org/wikipedia/commons/6/64/Lock_Icon.svg);
}

.current_skin {
  width: 5vw;
  height: 5vw;
}


#skin_container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0 25em;
  padding: 0;
  text-align: center;
}

h2 {
  font-size: 4vw;
}

.seed_input {
  width: 90%;
}

.start {
  margin: 20px;
  border-radius: 20%;
  border: none;
  background-color: #0af;
  font-size: 4vw;
  height: 10vw;
  width: 30%
}

.start:hover {
  width: 35%;
  height: 12vw;
}