body { 
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.06); 
        font-family: "Courier New", Courier, monospace;
        font-size: 26px;
        line-height: 1.5;
        margin: 0 auto;
        max-width: 800px;
        padding: 2em 2em 4em;
}


h1 {
    font-weight: 600;
    font-size: 40px;
}

ul {
  list-style-type: none;
  margin: 0.5;
  padding: 0.0;
}

.about {
  list-style-type: square;
  margin: 0.1;
  padding: 0.0; 
}

.about span {
  align-self: flex-end;
}

.about li { 
   margin-bottom: 8px;  
}

li a {
    font-weight: 800;
}

p {
    font-size: 28px;
    font-weight: 600;
} 

/*Vim header stuff*/
.vimstyle_divider { 
    height: 40px; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vimstyle_divider a:link { 
    width: 60px;  
    text-align: right;
}
.vimstyle_divider a:visited { 
    width: 60px;  
    text-align: right;
}
.vimstyle_divider table {
    width: 100%;
    text-align: right; 
}

.vimstyle_box { 
    line-height: 1.0;
    margin-bottom: 0;
}

.vimstyle_container {
    margin-top: 16px;
}

/*For fake syntax higlighting of words*/
.markup {
    font-weight: 600; 
}
 
/*For inline code blocks*/
pre code {
    background: #CCCCCC;
    color: black;
    font-size: 18px;    
    border: 1px solid #999;
    display: block;
    padding-left: 16px;
    overflow: auto;
}

.term {
    background: #AAAAAA;
    color: black;
}

.smallscript {
    font-size: 14px;
} 

/*DF Skill!*/
.skill {
    font-weight: 600;  
    float: right; 
    width: 250px;
}



.padded {
    padding-top: 16px;
    padding-bottom: 48px;
}

@media (prefers-color-scheme: dark) {
    body {
        background: #030303; 
        color: #AAAAAA;  
    }
    li a:link {
        color: #848484
    }
    li a:visited {
        color: #848484
    }
    h2 a:link {
        color: #848484
    }
    h2 a:visited {
        color: #848484
    }  
    
    .vimstyle_container {
        background-color: #11111188;     
    }
    
    .markup { 
        color: #22CC66;
    }
    
    .vimstyle_divider {
        background-color: #22222288;  
        color: #CCCCCC; 
    }
    
    .vimstyle_divider a:link {
        color: #CCCCCC;   
    }
    .vimstyle_divider a:visited {
        color: #CCCCCC;  
    }
}

@media (prefers-color-scheme: light) {
    body {
        background: #dadada; 
        color: #202020; 
    }
    li a:link {
        color: #404040
    }
    li a:visited {
        color: #404040
    }
    h2 a:link {
        color: #404040
    }
    h2 a:visited {
        color: #404040
    }
 
    .about {
        color: #101010
    }
    
    .vimstyle_container {
        background-color: #11111144;     
    }
    
    .markup { 
        color: #223322;
    }
    
    .vimstyle_divider {
        background-color: #22220044;  
        color: #111111; 
    }
    
    .vimstyle_divider a:link {
        color: #111111;   
    }
    .vimstyle_divider a:visited {
        color: #111111;  
    }
}