#avSelector{
  display: none;
  width: 100%;
  height: auto;
  background-color: white;
}
#avSelector select {
  margin: 0 auto;
  display: block;
  overflow: hidden;
  width: 5em;
  text-align: center;
}
.avatar{
  width: calc(100% / 3);
  height: 10em;
  background-color: rgba(0,0,0,0.3);
  display: inline-block;
  margin: 6%;
  padding: .3em;
  border: 4px outset grey;
  border-radius: 5px;
  text-align: center;
}
.backArrow {
  position: absolute;
  left: 1em;
  bottom: 1em;
}
.forwardArrow {
  position: absolute;
  right: 1em;
  bottom: 1em;
}
.warn {
  font-weight: bold;
  color: red;
}
#enterInfo {
  display: none;
}
#nameButton {
  border-radius: .6em;
  padding: .2em;e
}
#nameButton:enabled {
  background-color: rgba(100,255,100,255);
  border-color: rgba(90,245,90,255);
}
#nameButton:disabled {
  background-color: rgba(255,100,100,255);
  border-color: rgba(245,90,90,255);
}
#pickName {
  display: block;
}
#regForms {
  position: relative;
  padding: .3em;
  width: 34em;
  line-height: 2em;
  display: block;
  margin: 1em auto;
  box-shadow: 0px 0px 5px 1px black;
  border: 1px solid black;
}
#regForms input {
  float: right;
}
#regForms button {
  display: block;
  margin: 0 auto;
}
#error {
  color: red;
  font-size: 20px;
  margin:0 auto;
  text-align: center;
}