:root {
    --main-background-color: #311d00;
    --main-color: #ff3a00;
    --main-accent-color: antiquewhite;
    /* --main-background-color: green;
    --main-color: yellow;
    --main-accent-color: maroon; */
}

body {
    background-color: var(--main-background-color);
    color: var(--main-color);
}

hr {
    border: 1px solid var(--main-accent-color);
    background-color: var(--main-color);
    border-radius: 5px;
    height: 9px;
    width: 90vw;
}

.content{
    display: grid;
    justify-content: center;
    justify-items: center;
    max-width: 134%;
}
.header-title {
    /* font-size: 4rem; */
    text-decoration: underline;
}

.header-content {
    font-size: 2rem;
}

.space {
    min-height: 2rem;
}
.schedule {
    display: grid;
    color: var(--main-background-color);
    border-radius: 0% 0% 3% 3%;
    /* max-width: 100%; */
}

.row {
    display: flex;
    border-bottom: var(--main-background-color) solid 1px;
    /* justify-content: space-between; */
    flex: 0 1;
}

.row-item {
    /* min-width: 7rem; */
    text-align: center;
    /* border-left: 1px solid; */
}
.sched-opp {
     text-align: left;
}

.title {
    background-color: var(--main-color);
}

.sched {
    background-color: var(--main-accent-color);
}

.header-image {
    position: relative;
    max-width: 50px;
    top: 12px;
    background-color: var(--main-accent-color);
    border-radius: 25px;
}
.left-image {
    right: 10px;
}
.right-image {
    right: -10px;
}

/* #con {
    min-height: 100%;
    position: relative;
} */
.footer {
   /* position: absolute; */
   /* bottom:0; */
   width:100%;
   height:60px;
   text-align: center;
   /* z-index: -1; */
}

/* @media screen and  (min-height: 520px) {
    .footer {
    position: absolute;
    bottom:0;
    }
 }
  */

  .roster-container {
    display: grid;
    background-color: var(--main-accent-color);
  }

  .row-container {
    display: flex;
  }

  .player-num {
    min-width: 3em;
  }

  .player-name {
    min-width: 8em;
    text-align: left;
  }

  .player-pos {
    min-width: 7em;
  }

  .player-ht {
    min-width: 3em;
  }

  .player-wt {
    min-width: 3em;
  }

  .player-class {
    min-width: 3em;
  }

  .roster-container>:first-child{
    background-color: var(--main-color);
    color: var(--main-background-color);
}

.row-container{
    border-bottom: 1px solid gray;
}
  .row-group {
    display: grid;
  }
.page-visits{
  background-color: black;
  color: white;
  font-family: 'courier';
}

a {
  color: var(--main-color);
}

@media screen and (min-width: 576px) {
    .row-group {
        display: flex;
    }
}