@charset UTF-8;

   article, footer, header, main, nav, section {
   display: block;
   }

   article, footer, header, main, nav, section,
   html,body,h1,h2,h3,ul,li,a,p {
     padding: 0;
     margin: 0;
   }

.watermark {
    position: absolute;
    font-size: 140px;
    text-align: center;
    opacity: 0.2;
    color: red;
    top: 30%;
    right: 6.5%
}

    .text {
      //background-color: red;
      background-color: lightgray; 
      overflow: auto;
      overflow-wrap: break-word;
      font-weight: 500;
      font-size: 30px;
    }
    section {
      //background-color: lightblue;
      overflow: auto;
      margin: 10px 10px 10px 0px;
      border: 5px solid #ccc;
      //padding: 25px;
      border-radius: 5px;
      font-weight: 500;
    }
    article {
      font-weight: 500;
    }

    body {
      //background-color: lightgray; 
      background: rgba(0, 0, 0, .1);
      line-height: 1;
      margin: 20px;
    }
    div {
      background: rgba(0, 0, 0, .1);
      margin: 10px 10px 10px 10px;
      border-radius: 5px;
      box-sizing: border-box;
      padding: 15px;
      //width: 320px;
      width: auto;
    }
    header {
      overflow: clear;
      position: relative;
    }
    h2 {
      //font-family: 'PT Sans Narrow', sans-serif;
      font-size: 30px;
      font-weight: 500;
      margin: 0 0 10px;
      //text-align: center;
    }
    button {
      position: absolute;
      top: -4px;
    }
    button:first-child {
      left: 0;
    }
    button:last-child {
      right: 0;
    }
    table {
      background: #fff;
      border-collapse: collapse;
      color: #222;
      font-family: 'PT Sans', sans-serif;
      font-size: 13px;
      width: 100%;
    }
    td {
      border: 1px solid #ccc;
      color: #444;
      line-height: 22px;
      text-align: center;
    }
    tr:first-child td {
      color: #222;
      font-weight: 700;
    }
    .selected {
      background: #f0951d;
      border: 0;
      box-shadow: 0 2px 6px rgba(0, 0, 0, .5) inset;
    }