* {
 font-family: calibri,helvetica,sans-serif;
}

.layout {
  display: grid;
  grid-template-columns: 60% auto;
  grid-gap: 5px;
  padding: 10px;
  background-color: #f2f2f2;
}

.grid-container {
  display: grid;
  grid-template-columns: auto;
  grid-gap: 5px;
  padding: 10px;
  background-color: #f2f2f2;
}

.grid-container > div {
  font-size: 12px;
  font-weight: bold;
  word-break: break-all;
  overflow:auto;
}

p.token {
    font-size: 9px;
    font-weight: normal;
}

input {
   width: 100%;
   padding: 5px 10px;
   margin: 2px 0;
   display: inline-block;
   border: 1px solid #ccc;
   border-radius: 4px;
   box-sizing: border-box;
 }

 input[type=submit] {
   width: 100%;
   background-color: #4CAF50;
   color: white;
   padding: 5px 10px;
   margin: 8px 0;
   border: none;
   border-radius: 4px;
   cursor: pointer;
 }

 input[type=submit]:hover {
   background-color: #45a049;
 }