.golf-table {
  width: 100%;
  table-layout: fixed;
  border: 1px solid rgba(128, 128, 128, 0.5);
  text-wrap-mode: nowrap;

  @media (max-width: 960px) {
    font-size: 9pt;
  }

  & thead {
    border: 1px solid rgba(128, 128, 128, 0.5);; 
  }

  & tbody {
    border: 1px solid rgba(128, 128, 128, 0.5);;
  }

  & th+th {
    width: auto;
  }

  & th {
    width: 10%;
    text-align: right;
    padding-right: 4px;
    background-color: darkseagreen;
  }

  & tbody td {
    border-top: 1px solid rgba(128, 128, 128, 0.5);
    text-align: right;
    padding-right: 4px;
  }

  & .under-par {
    font-weight: bold;
  }

  & .hole-in-one {
    background-color: gold;
  }

  & .did-not-throw {
    background-color: gray;
    color: white;
  }

  & .golf-result--4 {
    background-color: greenyellow;
  }

  & .golf-result--3 {
    background-color: rgba(172, 255, 47, 0.75);
  }

  & .golf-result--2 {
    background-color: rgba(172, 255, 47, 0.5);
  }

  & .golf-result--1 {
    background-color: rgba(172, 255, 47, 0.2);
  }

  & .golf-result-0 {
    background-color: white;
  }

  & .golf-result-1 {
    background-color: rgba(255, 166, 0, 0.1);
  }

  & .golf-result-2 {
    background-color: rgba(255, 166, 0, 0.2);
  }

  & .golf-result-3 {
    background-color: rgba(255, 166, 0, 0.4);
  }

  & .golf-result-4 {
    background-color: rgba(255, 166, 0, 0.6);
  }

  & .golf-result-5 {
    background-color: rgba(255, 166, 0, 0.7);
  }

  & .golf-result-6 {
    background-color: rgba(255, 166, 0, 0.8);
  }

  & .golf-result-7 {
    background-color: rgba(255, 166, 0, 0.9);
  }

  & .golf-result-8 {
    background-color: orange;
  }

  & .golf-result-9 {
    background-color: orange;
  }

  & .golf-result-10 {
    background-color: orange;
  }

}