@font-face {
    font-family: "interphases";
    font-weight: 700;
    src: url("/fonts/TTInterphasesProBold_normal_normal.woff2") format("woff");
  }
  @font-face {
    font-family: "interphases";
    font-weight: 400;
    src: url("/fonts/TTInterphasesProRegular_normal_normal.woff2") format("woff");
  }
  @font-face {
    font-family: "iosevka";
    src: url("/fonts/iosevka.woff") format("woff");
  }
  @font-face {
    font-family: "pork";
    src: url("/fonts/PorkWurst-Straight-4.woff") format("woff");
  }
  h1, h2, h3, h4, h5, h6 {font-weight: bold; position: relative;}
  h4 {margin-top:1.5em;
    font-family: "iosevka"; font-weight: 100; font-size: 140%; text-transform: uppercase;}
  h1 span, h2 span {font-weight: 400;}
  .btn, .btn-large, .btn-small {
    font-size: 1em;
    padding: 1em;
    height: auto;
    line-height: 1;
    border-radius: 50em;
    font-family: iosevka;}
    .btn i, .btn-large i, .btn-small i, .btn-floating i, .btn-large i, .btn-small i, .btn-flat i {
        vertical-align: text-bottom;}
    nav ul a{
        font-family: "iosevka";
        font-size: 80%;
        font-weight: 100;
        text-transform: uppercase;
    }
    .card .card-content .card-title i { vertical-align: text-bottom;}
    .card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
        
        font-family: "iosevka";
        font-size: 80%;
        font-weight: 100;
        color: rgb(238, 255, 0);
        text-transform: uppercase;
    }
    .fakebtn {cursor: default !important; border-radius: 4px; background-color: #495e7c; font-size:80%; text-align: left;}
    .boldy {display: inline-block; background-color: white; color: black; text-transform: uppercase; font-weight: 900;}
    .card-title {
        font-family: "iosevka";
        text-transform: uppercase;}
        blockquote {border-color: #333;}
html {
    font-family: "interphases";
    background:black;
    color: #fbfff1;
  }
  .hero {
    background-size: cover;
    background-position: center;
    position: relative;
    height: 13em;
  }
  .hero:after {
    content:"";
    position:absolute;
    width:100%;
    height: 220px;
    background: url(../grit.png);
    bottom: 0;
    left: 0;
  }
  .collection.with-header .collection-header {background: transparent;}
  .collection .collection-item {background: transparent;}
  .collection {border: none;}
  .collection.with-header .collection-item {padding-left:0;}
  .collection-header h4 {
    font-size: 220%;
    padding-left: 0;
    text-transform: uppercase;}
  .collection-header {border:0  !important; padding:0 !important;}
  .collection .collection-item {border-bottom-style: dashed;border-color: #333;}

  input,
  label {
    font-size: 140%;
  }
  input {
    font-size: 1em!important;
}
  iframe[id^="sb__open"] {
    display: none;
  }
  
  .hideable {
    display: none;
  }
  .hideable.show {
    display: block;
  }
  
  th span {
    writing-mode: vertical-rl;
    transform: rotate(195deg);
  }
  th.player {
    text-align: center;
    border-right: 1px solid gray;
  }
  th.Chiefs {
    color: rgb(255, 51, 0);
    text-align: center;
  }
  th.Eagles {
    color: rgb(0, 143, 88);
    text-align: center;
  }
  th[class="Eagles"] {
    color: rgb(0, 143, 88);
    text-align: center;
  }
  td.points {
    text-align: center;
  }
  td.zero {
    color: #bbb;
  }
  td.winner {
    color: #fff;
    background: rgb(168, 123, 27);
    font-size: 200%;
  }
  td.secondplace {
    color: #fff;
    background: rgb(121, 121, 121);
    font-size: 150%;
  }
  td.thirdplace {
    color: #fff;
    background: rgb(150, 42, 0);
  }
  /*#preferences td:first-child,
  #preferences th:first-child {
    display: none;
  }
  #preferences td:last-child,
  #preferences th:last-child {
    display: none;
  }*/
  #gameScore td:nth-child(3n) {
    border-right: 1px solid gray;
  }
  #gameScore tr.letters th:nth-child(3n) {
    border-right: 1px solid gray;
  }
  #gameScore th:nth-child(3) {
    border-right: 1px solid gray;
  }
  #gameScore td.final {
    border-right: 1px solid gray;
  }
  
  
  #scrabble-container {
    display: flex;
    max-width: 30em;
    flex-wrap: wrap;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
  }
  
  .letter-container {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 4.1em;
    height: 4.3em;
    margin: 0.1em;
    border: 1px solid #333;
    cursor: pointer;
    font-family: sans-serif;
  }
  .letter-container:hover {
    border-color: rgb(255, 51, 0);
  }
  
  .letter {
    font-size: 2.5em;
    font-weight: bold;
  }
  
  .value {
    font-size: 1em;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  
  .selected {
    background: rgb(255, 51, 0);
    color: white;
  }
  
  #total-player-score {
    border: none;
    font-size: 800% !important;
    color: rgb(255, 51, 0) !important;
    font-family: "pork";
  }
  input {
    padding-left: 0.6em !important;
  }

  html {font-size: 18px;}
  @media (min-width:47.95em) {
    html {font-size: 30px;}
    #preferences, #draftOrder, #draftProcess, #draftResults, #gameScore {font-size: 18px;}
  }
  /*
  @media (orientation: portrait) {
    html {
      font-size: 3rem;
    }
    input {
      font-size: inherit;
    }
  }
  */