* {
  box-sizing: border-box; }

html, body {
  background: #000;
  font-family: Arial, Verdana, sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 10px;
  color: white; }

[class*="col-"] {
  display: block;
  float: left;
  padding: 15px; }

.row:after {
  content: "";
  clear: both;
  display: block; }

.noPad {
  padding: 0; }

.col-1 {
  width: 8.33333%; }

.col-2 {
  width: 16.66667%; }

.col-3 {
  width: 25%; }

.col-4 {
  width: 33.33333%; }

.col-5 {
  width: 41.66667%; }

.col-6 {
  width: 50%; }

.col-7 {
  width: 58.33333%; }

.col-8 {
  width: 66.66667%; }

.col-9 {
  width: 75%; }

.col-10 {
  width: 83.33333%; }

.col-11 {
  width: 91.66667%; }

.col-12 {
  width: 100%; }

#corner:before {
  content: "?";
  display: block;
  color: pink;
  font-size: 2.5rem;
  padding: 0.5rem;
  bottom: 0;
  position: fixed; }
#corner #cornerContent {
  position: fixed;
  opacity: 0;
  bottom: 0;
  left: 3rem;
  overflow: hidden;
  transition: 500ms ease-in-out; }
  #corner #cornerContent h1 {
    margin: 0;
    padding: 0.5rem; }
#corner:hover #cornerContent {
  opacity: 1; }

.subTitle {
  font-size: 2rem;
  padding: 0.5rem; }

#questionWrapper {
  background: #09f;
  min-height: 50px;
  border-radius: 10px;
  border: 5px solid #66c2ff; }

#question {
  font-size: 2rem; }

#alts {
  background: #f90;
  border-radius: 10px;
  border: 5px solid #ffad33; }

.alt {
  font-size: 2rem;
  background: #f09000;
  margin: 0.5rem 0;
  border-radius: 0.5rem; }

#players {
  background: #9f0;
  border-radius: 10px;
  border: 5px solid #c2ff66; }

.player {
  background: #8ae600;
  font-size: 2rem;
  padding: 1rem;
  border-radius: 0.5rem;
  margin: 0.5rem 0; }
  .player.current {
    box-shadow: 0 0 1rem 1rem #d6ff99; }

/*# sourceMappingURL=style.css.map */
