body { 
    margin-left:24px; 
    font-size:16pt; 
    font-family: Gulim, sans-serif;
    background-color:#EEE;
    font-weight:300;
    line-height:115%;
}
body a:link {
  text-decoration:none;
  font-weight:400;
}
body a:visited {
  text-decoration:none;
  font-weight:400;
}    
body a:hover {
  text-decoration:underline;
}
h1, h2, h3 {
    font-family: Comfortaa, sans-serif;
}

p { 
    color:#333; 
}
.prev { 
    font-size:20pt;
    font-family: Comfortaa, sans-serif;
  
}
.prev_inactive {
    font-size:20pt;  
    font-family: Comfortaa, sans-serif;
    color:#888; 
    pointer-events:none; 
}                
.header { 
    margin-left:10%; 
    font-weight:bold; 
    font-family: Comfortaa, sans-serif;
}
.next { 
    float:right; 
    font-size:20pt; 
    font-family: Comfortaa, sans-serif;
}
.next_inactive {
    float:right; 
    font-size:20pt; 
    color:#888; 
    pointer-events:none; 
    font-family: Comfortaa, sans-serif;
}

#rawExpression { 
    font-size:24pt; 
    width: 350px; 
    border:thick solid #008;
    border-radius:6px;
}
#decimalField { 
    font-size:24pt; 
    width:350px; 
    border:2px solid lightgray;
    border-radius:8px;
} 
#keyParagraph { border:2px solid gold; padding: 2px; border-radius:6px; }
#cfExpression { 
    font-size:24pt; 
    width:700px; 
    border:2px solid lightgray;
    border-radius:8px;
}
#dLabel { position:relative; margin-left:280px; }
#equals { font-size:24pt; }
.xSetter { font-size:14pt; background-color:#AAF; border-radius:30px; outline: none; }
.red { color:red }
.bold { font-weight:bold }
.slant { font-style:italic }