body {
     background-color: rgb(65, 65, 65); 
    }
    table {
      color: #fff; 
    }
    table td {
      padding: 10px;
    }
    h1 {
     color: #fff; 
    }
    #container {
      margin: 20px;
    }
    .wordbox {
      float: left;
      margin-right: 1em;
      cursor: hand; 
      cursor: pointer;
    }
    .word {
      font-size: 40px;
      line-height: 1.9em;
      background-color: #ddd;
      border-radius: 6px;
      padding: 4px;
      border: 1px solid rgb(182, 182, 182);
    }
    #editor {
      margin-top: 4em;
    }
    .help {
      color: #999;
    }
    
    #password, .copy, .refreshAll {
      font-size: 25px;
      line-height: 40px;
      height: 45px; 
    }
    .copy {
      margin-top: 3em;
    }
    .copy img {
      width: 15px;
      margin-top: -2px;
    }
    .btn {
      padding: 0px 12px;
    }
    #password {
      width: 80%;
      min-width: 100px;
      max-width: 600px;
      margin-top: 3em;
    }
    footer {
      margin-top: 4em 4em;
    }

    @media (max-width:540px){
      .refreshAll {
        font-size: 16px;
        line-height: 25px;
        height: 25px; 
      }
      .github {
        display: none;
      }
      h1 {
        font-size: 25px;
      }
      .lbl, .help {
        font-size: 12px;
      }
      .word {
        font-size: 22px;
        line-height: 1.9em;
      }
      footer {
        margin: 2em 2em;
      }
      .copy, #password, #editor {
        margin-top: 1em;
        font-size: 15px;
      }
    }