html {
      font-family: 'Open Sans', sans-serif;
      height: 100%;
      margin: 0;
      padding: 0;
      width: 100%;
      border: 1px solid #000;
      border-radius: 10px;
    }

    header {
      background-color: blue;
      border: 1px solid white;
      border-radius: 10px;
      width: 50%;
      margin: auto;
    }

    footer {
      background-color: blue;
      border: 1px solid white;
      border-radius: 10px;
      width: 50%;
      margin: auto;
    }

    body {
      /* background-color: gray; */
      background-color: #277eb6;
      border: 1px solid black;
      border-radius: 10px;
    }

    table {
      /* background-color: orange; */
      background-color: gray;
      border: 1px solid black;
      border-radius: 10px;
    }

    th {
      border: 0 solid white;
    }

    td {
      border: 0 solid white;
      /* border: 1px solid #000; */
    }

    .td-yellow {
      color: yellow;
    }

    b {
      font-weight: bold;
    }

    rc {
      font-weight: bold;
      color: red;
    }

    h1 {
      color: yellow;
      text-align: center;
    }

    h2 {
      color: white;
      text-align: center;
    }

    p {
      color: blue;
    }

    li {
      color: black;
    }

    .jogos1 {
      position: relative;
      left: 50%;
      margin-left: -180px;
      color: #FFF;
      font-weight: 700;
    }

    .jogos {
      position: relative;
      width: 20%;
      margin: auto;
      color: #FFF;
      font-weight: 700;
    }

    .resultado {
      position: relative;
      width: 50%;
      margin: auto;
      color: #FFF;
      font-weight: 500;
    }

    .table-responsive {
      width: 100% !important;
    }

    .table {
      border: 1px solid red;
      width: 50% !important;
      /*Importante manter o !important rs */
      margin: auto;
    }

    .table-status {
      margin-top: 20px;
      margin-bottom: 20px !important;
    }

    form [type='submit'] {
      display: block;
      margin: auto;
    }

    form [type='reset'] {
      display: block;
      margin: auto;
    }

    .botao {
      color: #FFF;
      background-color: green;
      height: 40px;
      line-height: 30px;
      padding: 0 20px;
      text-transform: capitalize;
      font-size: 14px;
      font-weight: bold;
      cursor: pointer;
      border-radius: 20px;
    }

    .botao:hover {
      transform: scale(1.05);
    }

    .resultado-loteria {
      padding: 0;
      margin: 5px 0 0;
      list-style: none
    }

    .resultado-loteria>li {
      margin: 0 4px;
      display: inline-block;
      background: #fff;
      padding: 8px 12px;
      border-radius: 30px;
      font-family: "FuturaWeb", sans-serif;
      color: #0369b9;
      font-size: 1.4rem
    }