html {
  height: 100%;
  width: 100%;
}

body {
    font-family: "source sans pro", sans-serif;
    height: 100%;
    width: 100%;
    background: #0e1217;
    border-color: #040607;

}

.center-screen {
  border: 1px solid white;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-55%, 25%);
  xbackground: lightgrey;
  width: 460px;
  height: 425px;
  }

.theme {
  height: 100%;
  width: 100%;
  position: absolute;
}
/*  * /
.pts {
    position:absolute;
    top: 7em;
    left: 0;
    width: 100%;
    height: 640px;
    xborder: 1px solid yellow;
    display:flex;
}
*/

.userName {
    color: white;

}
.login {
    background: dodgerblue;
    position: absolute;
    top:50%;
    transform: translate(35%, 80%);

}

.register {
    background: lightgrey;
    position: absolute;
    xtop:50%;
    transform: translate(35%, 80%);
}


.theme-dark {
  background: #0e1217;
  border-color: #040607;
}

.theme-dark .match-lines .line {
  background: #36404e;
}
.status {
  background: #182026;
  border-color: #232c36;
  color: #6b798c;
  font-size: 10px;

}
.theme-dark .team {
  background: #182026;
  border-color: #232c36;
  color: #6b798c;
}
.theme-dark .winner-top .match-top,
.theme-dark .winner-bottom .match-bottom {
  background: #232c36;
  color: #e3e8ef;
  border-color: #36404e;
  z-index: 1;
}
.theme-dark .winner-top .match-top .score,
.theme-dark .winner-bottom .match-bottom .score {
  color: #03d9ce;
}

.theme-dark .match .seed {
  font-size: 10px;
  min-width: 10px;
}
.theme-dark .match .score {
  font-size: 10px;
}
/* */
img {
    height: 15px;
      border-radius: 8px;
}

.updateGame {
    display: none;
    position: fixed;
    top: 25em;
    left: 50%;
    height: 10em;
    width: 35em;
    transform: translate(-35%, 80%);
    z-index: 1;
    background: lightgrey;
    border: 1px solid red;

}

.strikethrough {
  text-decoration: line-through;
}

.mainPage {
    color:red;
    background: white;
    border: 1px solid red;
}
.footer {
    position:absolute;
    bottom:0;
    background: lightsteelblue;
    width:100%;
    height:60px;
    display: flex;                  /* establish flex container */
    flex-direction: row;            /* default value; can be omitted */
    flex-wrap: nowrap;              /* default value; can be omitted */
    justify-content: space-between; /* switched from default (flex-start, see below) */
}

.footer > div {
    width: 32%;
    height: 60px;
    /* border: 2px dashed red;*/
    text-align: center;
}
.right {
    float: right;
}
/*NN*/
.fav
{
    display:none ;
    background-size:4em;
    background-attachment: fixed;
    background-image   :url("/images/stitches.png");
    /*border: 3px solid cyan;*/

}

input[class=fav] {
    display:none;
}

xinput[class=fav]:checked {
    display:block;
    border:#155724;
}

input[class=fav] + label {
    display:inline-block;
    padding: 0 0 0 0px;
    background:url("/images/baseball-no.png") no-repeat;
    height: 1em;
    width:  1em;
    font-size: small;
    background-size: 100%;
}

input[class=fav]:checked + label {
    background:url("/images/baseball-fav.png") no-repeat;
    height: 1em;
    width:  1em;
    display:inline-block;
    background-size: 100%;
}