pre {
    background-color: #ccf;
    padding:0.5em;
    overflow-y: hidden;
    font-size: 0.8em;
}

code {
    background-color: #ccf;
}

.md{
    line-height: 1.5;
    border-left: 1px solid #ddd;
    padding-left: 2em;    
}

.md img .featured{
    width:100%;
}

.md a{
    color: #43a;    
}

.sidebar{

    padding-right: 2em;    
}

body{
    font-size: 1.1em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, sans-serif;
}

.links li a, .links li a:visited {
    font-size: 0.8em;
    color: #43a
}

.footer{
    background-color: #333;
    color: #DDD;
    padding: 30px;
    text-align: center;    
}


.myWindow {
    cursor: grab;
    display: flex;
    align-items: center;
    justify-content: center;
}

.myContent {
    position: relative;
    display: flex;
    align-items: center;
}

h2 {
    font-size: 1.5em;
    padding-top: 0px;
    margin-top: 0px;
}

.card h2 a:link, .card h2 a:visited, .card h2 a:hover, .card h2 a:active {
    color:rgb(93 73 133);
    text-decoration: none; 
}


a, a:active, a:hover, a:visited{
    color:#333;
}

.footer a, .footer a:active, .footer a:hover, .footer a:visited{
    color:#ddd;
}



.item h2 {
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 0.2em;
    
}
.item h2 a, .item h2 a:visited{
    color:#444;
    text-decoration: none;
}
.item h2 a:hover, .sub-title a:hover, .meta-term a:hover, .term-icon {
    color:#5700af;
}
.sub-title{
    font-size: 0.9em;
    font-weight: 300
}
.meta-term{
    font-size: 1em;
    font-weight: 300;
}

.sub-title, .sub-title a, .sub-title a:visited, .meta-term, .meta-term a, .meta-term a:visited  {
    color:#9A9A9A;
    text-decoration: none;
}