/* 
 * Coding
 */
#coding ul {
    margin: 0;
    padding: 0;
}

#coding ul li {
    margin-top: 1rem;
}

#coding ul li:first-child {
    margin-top: 0;
}

#coding ul li:last-child {
    margin-bottom: 2rem;
}

#coding ul li div.coding-year {
    margin-left: 0;
    display: block;
    font-style: italic;
    border-bottom: 1px dotted #DDD;        
}

#coding ul li div.coding-name {      
    min-width: 12rem;
    white-space: nowrap;
    margin: 0.5rem;
}

#coding ul li div.coding-name p {
	margin-top: 0.5rem;
	font-size: 0.75rem;
	font-style: italic;   
}

#coding ul li div.coding-name img {  
    height: 48px;
    width: 48px;
    margin-right: 0.25rem;
}
#coding ul li div.coding-name sub {
	margin: 0;
    bottom: -1.5rem;
	left: -0.5rem;
    color: color-mix(in oklab, #DDD, black 20%);		
}

#coding ul li div.coding-tech {
    max-width: 900px;
    margin: 0.5rem;
    width: fit-content;
}

#coding ul li div.coding-tech div {
    margin: 0.25rem;    
    border-top: 2px groove #999; 
}

#coding .badge {
    line-height: 24px;
    margin: 0.5rem 0;
}

#coding .badge img {
    height: 24px;
    width: 24px;
    margin: 0 0.25rem 0 0;
}

#coding .badge-pill {
    border-right: 2px solid #828282;
    border-bottom: 2px solid #828282;
    background-color: rgb(82,82,82,0.5);
}

#coding .badge-box {
    border-right: 2px solid #828282;
    border-bottom: 2px solid #828282;    
    background-color: #E0E0E0;
    color: #222;
    border-radius: 0;
}