body > section,
.content-outer {
    background: rgb(255,136,0);
    background: linear-gradient(to right, rgba(251,214,1,1), rgba(255,136,0,1));
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.content-container {
    border: 0;
    box-shadow: none;
    padding: 0 20px;
}
section.content-container {
    padding-top: 20px;
}

  
  h2 {
      border-bottom: 1px #999999 solid;
      font-size: 36px;
      margin: 0 0px 15px 0px;
      padding-bottom: 10px;
      text-align: center;
  }
  

  #join-form {
      padding: 10px 20px;
  }
  #join-code {
      font: 22px Courier;
      height: auto !important;
      text-transform: uppercase;
      margin-right: 4px;
      max-width: 80px;
      padding: 6px 12px !important;
  }
  #join-button {
      height: auto;
      max-width: 50px;
      outline: none;
      padding: 8px;
  }
  #join-note {
      font-size: 12px;
      font-weight: bold;
      padding: 4px 0px;
  }
  
.content-container {
    font-size: 0px;
}  
.links-section {
    /* border: 1px blue solid; */
    display: inline-block;
    font-size: 14px;
    min-height: 400px;
    vertical-align: top;
    width: 50%;
}
    .panel {
        background: #f8f8f8;
        border-radius: 10px;
        color: #444444;
        display: block;
        margin: 20px;
        padding: 5px 15px 15px 15px;
        min-width: 250px;
        text-decoration: none;
    }
    
        .panel p {
            line-height: 160%;
        }
    
.high-scores-section {
    /* border: 1px green solid; */
    display: inline-block;
    font-size: 14px;
    min-height: 400px;
    vertical-align: top;
    width: 50%;
}
    .high-scores-table-title {
        font-size: 20px;
        text-align: center;
    }


    .high-scores-section h3 {
        text-align: center;
    }

.high-scores-table {
    /* background-color: white; */
    color: #555555;
    overflow: visible;
    padding: 5px;
    position: relative;
    vertical-align: top;
    width: 100%;
    z-index: 1;
}
    
.high-scores-table tr:nth-child(1) {
    display: none;  /* Hide player/score header titles */
}

    .high-scores-table .table-header {
    }
    
    .high-scores-table tr {
        overflow:visible;
        position: relative;
        width: 100%;
        z-index: 1;
    }

    .high-scores-table tr:nth-child(even){
        background-color: #eeeeee;
    }

    .high-scores-table tr.highlight {
        animation: pulse 1.5s infinite alternate;
        background-color: yellow;
        border-radius: 25px;
        overflow:visible;
        position: relative;
        z-index: 2;
    }

.high-scores-table tr.highlight td {
    overflow:visible;
    position: relative;
    z-index: 2;
}

    .high-scores-table td {
        border-bottom: 1px #dddddd solid;
        padding: 5px;
    }
    .high-scores-table td.player {
        text-align: left;
        width: 75%;
    }
    .high-scores-table td.high-score {
        text-align: right;
        width: 25%;
    }

    .high-scores-table tr:last-child td {
        border-bottom: 0px;
    }

.button-container {
    padding: 10px;
    text-align: center;
}
    .button-container .sleek-button {
        max-width: 40%;
    }
    
.panel {
    /* max-width: 350px; */
}

@media only screen and (max-width: 550px) {
    .content-outer {
        padding: 0px !important;
    }
    .content-inner {
        padding-bottom: 30px;
    }

    .content-container {
        width: 100%;
    }

    .links-section {
        /* display: block; */
        margin: 0px auto;
        min-height: auto;
        padding: 0px;
        width: auto;
    }
        .links-section .panel {
            margin: 0px;
        }
        
    .high-scores-section {
        display: block !important;
        margin: 0px auto;
        min-height: auto;
        padding: 0px;
        width: 100%;
    }
        .high-scores-section .panel {
            margin: 0px;
            padding: 0px;
        }
}