body {
    background-color: white;
    color: black;
    font-family: sans-serif;    
    font-size:16px;
}

nav {
       font-size:24px;
       
       text-align: center;
}
nav ul {
    list-style-type:none;
    padding-left:0;
}
nav ul > li {
    display: inline-block;   
}

a {
    color: black;
}
h1, h2, h3 {
 text-align:center;   
}
h1 {
    font-size:28px;   
}

h2 {
    font-size:24px;   
}
h3 {
    font-size:20px;
}
h3 tt {
       font-size:24px;
}

.content {
    margin: auto;
    max-width:800px;
    padding:20px;
}

p {
    width:66%;
    padding:16px;
    box-sizing: border-box;
    border-radius:8px;
}
.k {
    background-color:#ccf;
    margin-left:33%;      
}
.kj {
    background-color:#ffc;
    margin-left:33%;      
}

.r {
   background-color:#fcc;
}
.l {
      background-color:#cfc;
}
.quoted {
    font-style: italic;   
}
.notes {
    width:66%;
    border:2px dashed #ccc;
    margin-left:16.5%;
    font-style: italic;  
}
img {
 max-width:100%; margin:auto; display:block;   
}
.thoughts {
    width:66%;
    margin:auto;
    text-align:center;
}
.thoughts img {
    display:inline;   
}

span {
    display: block;
    margin-left:4em;
    
}