table {
    table-layout: fixed;
    width: 75%;
    max-width: 100%;
    border-collapse: collapse;
    border: 3px solid rgb(27,117,213);
    background-color: rgb(184, 208, 241);
    color: rgb(27,117,213);
    font-weight: bold;
    text-align: center;
    font-family: 'Overpass', sans-serif;
    margin: auto;
  }
  
  thead th:nth-child(1) {
    width: 25%;
  }
  
  thead th:nth-child(2) {
    width: 25%;
  }
  
  thead th:nth-child(3) {
    width: 25%;
  }
  
  thead th:nth-child(4) {
    width: 25%;
  }
  thead th:nth-child(5) {
    width: 25%;
  }
  
  th, td {
    padding: 20px;
  }
  tr{
    border-bottom: 2px solid rgb(27,117,213);
  }
  th{
    font-weight: bolder;
  }

  .weatherInfo{
    font-size: 14pt;
  }

  @media only screen and (max-width: 600px) {
    table {
      width: 100%;
      font-size: smaller;
    }
    .weatherInfo{
      font-size: 10pt;
      font-weight: 700;
    }
  }
  @supports (-webkit-overflow-scrolling: touch) {
    .row {
      padding-top: 30px;
      margin-right: 0px;
      margin-left: 0px;
    }
    #brian {
      margin-left: 10px;
      padding-left: 0px;
    }
    body {
      margin-right: 0px;
    }
  }