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;
}
.illus { 
    border: 2px solid lightgray;
    border-radius:8px;
}
.inactive { 
    color:#888; 
    pointer-events:none; 
}
#canvas { 
    border: 2px solid lightgray; 
    border-radius:8px;
}
#spinner { 
    width:800px; 
}
#arrow { 
    font-size:48pt; 
    vertical-align:100%;
}