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:20%; 
    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;
}
.aText { 
    font-weight:bold; 
}
.logistic { 
    font-size:14pt; 
    background-color:#AFA; 
    border-radius:30px;
    outline: none; 
}
#aField { 
    font-size:24pt; 
    width: 100px; 
    color:#0C0; 
    border:thick solid #080; 
    border-radius:30px; 
}
#functions {
    background-color:#E0E0E0;
    padding-right:12px;
    border:2px solid gray;
    border-radius:5px;
}
.spaced {
    line-height:175%;
}

input[type='range'] {
    -webkit-appearance: none;
    height: 32px;
    padding: 3px;
    /* -webkit-border-radius: 15px; */
    border-radius: 15px;
    border: 2px solid lightgray;
 }
input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 48px;
    height: 30px;
    /* -webkit-border-radius: 10px; */
    border-radius: 10px;
    background-color:#080;
 }