@font-face {
  font-family: 'LeagueGothicRegular';
  src:url("/src/fonts/League_Gothic-webfont.eot?") format('eot'),
      url("/src/fonts/League_Gothic-webfont.woff") format('woff'),
      url("/src/fonts/League_Gothic-webfont.ttf") format('truetype'),
      url("/src/fonts/League_Gothic-webfont.svg#LeagueGothicRegular") format('svg');
  font-weight: normal;
  font-style: normal;
}

body{background-color: #000000; color: #000000;}

.top-buffer { margin-top:2em; }

.btn-group > .input-group {
    float: left;
}
.tall {
    height: 150px!important;
}
.btn.tall {
    background-color: #b6ff00;
    font-family: 'LeagueGothicRegular';
    text-transform: uppercase;
    font-size: 1.6rem;
}
.btn.tall:active {
    color: #333333;
}
.btn.tall:hover {
    z-index: 2!important;
}
#genbtn {
    z-index: 3!important;
}
#genbtn:hover {
    background-color: #a6e800;
}
#copybtn {
    background-color: #2e2e2e;
    color: #ffffff;
    margin-right: -10px!important;
    position: relative;
    border-top-left-radius: 0.3rem!important;
    z-index: 5!important; 


}
#copybtn:hover {
    background-color: #454545;
    z-index: 5!important; 
}




.white {color: #ffffff;}

#final_pass {
    font-family: Georgia;
    font-size: 2rem;
    text-align: center;
    background-color: #efefef;
    color: #000000;
    border-radius: .3rem;
}
#final_pass::selection {
    background: #000000;
    color: #ffffff;
}
select {background-color:#dfdfdf;}
.vertical-center {
    align-items: center;
}


#characters label {
    display: inline-block;
    position: relative;
    padding: 0 4px 2px 6px;
    margin: 8px 0 0 -8px;
    border-radius: .1rem;
    cursor: pointer;
}
#characters label:hover {
    background-color: #2e2e2e;
}
#characters label span {
    font-family: Georgia;
    color: #454545;
}
#characters label strong {
    color: #454545;
}
#characters input[type=checkbox]:checked + strong {
    color: #ffffff;
} 
#characters input[type=checkbox]:checked + strong + span {
    color: #b6ff00;
} 
#characters label:hover strong {
    color: #ffffff;
}
#characters label:hover span {
    color: #ffffff;
}