body 
{
  font-family: 'VT323', monospace;
}

.journal table 
{
  border: 1px solid white;
}

.journal 
{
  display: flex;
  flex-direction: column;
  text-align: center;
  white-space: nowrap;
  line-height: 10px;
  color: white;
}

.journal h1 {
  text-decoration: underline;
  font-size: 100px;
}


/* Let the expander block define its width and center it */
.journal .list details {
  width: 50%;
  max-width: 60ch;
  margin: 0 auto;
  line-height: 1.5;
  white-space: normal;         
}


.journal .list details > summary {
  display: block;
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #fff;
  border-radius: 12px;
  color: #fff;
  background: transparent;
  text-align: left;
  line-height: 1.3;          
  box-sizing: border-box;      
  word-break: break-word;     
}

.list p
{
  font-family: monospace;
  font-size: 15px;
}

.journal .list details > summary::-webkit-details-marker { display: none; }
.journal .list details > summary::marker { content: ''; }

.title {
  display: flex; 
  flex-direction: row; 
  justify-content: space-between;
}

.date {
  display:flex;
  flex-direction:column;
  text-align:right;
  font-size:15px;
}

th, td {
  border: 5px solid white;
  padding: 10px;
}