input[type=text] {
        width: 50%;
        padding: 12px 20px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
    }
    textarea {
        padding: 9px 20px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
    }
    label {
      display: block;
      padding-left: 8px;
    }
    
/* Style the form's submit and reset buttons */
    input[type=submit], input[type=reset], #resetm {
        width: 30%;
        background-color: #4CAF50;
        color: white;
        padding: 14px 20px;
        margin: 8px 0;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }
    
/* Position the markdown reset button */
    #resetm {
        margin: 25px 0;
        width: 40%;
    }
    
    input[type=submit]:hover {
        background-color: #45a049;
    }
    
    div {
        border-radius: 5px;
        background-color: #f2f2f2;
        padding: 10px;
        margin: 10px;
        border: 3px solid #73AD21;
   }
   
/* Create two textareas in side-by-side columns */
   .flbox {
        float: left;
        width: 45%;
        padding: 10px;
        height: 550px;
   }
   
   
/* Clear floats after the columns */
   .row:after {
       content: "";
       display: table;
       clear: both;
   }
   
/* Center the top header */
   #toph {
       text-align: center;
   }

/*  Size the textarea for the TID and markdown areas */
   #markd, #tid {
      height: 400px;
      width: 100%;
      display: inline-block;
    }