body {
    margin: 0;
    padding: 20px;
    background-color: #f9f9f9;
    font-family: Verdana, Geneva, sans-serif; 
    
}

.bitcount-grid-double-ink{
  font-family: "Bitcount Grid Double Ink", system-ui;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "CRSV" 0.5,
    "ELSH" 0,
    "ELXP" 0,
    "SZP1" 0,
    "SZP2" 0,
    "XPN1" 0,
    "XPN2" 0,
    "YPN1" 0,
    "YPN2" 0;
}


.dancing-script{
  font-family: "Dancing Script", cursive;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.article-container {
    column-count: 4;
    column-gap: 30px;
    border: 4px solid #444;
    padding: 20px;
    background-color: #fff;
    
}

.history {
    font-family: 'Bitcount Grid Double Ink', system-ui;
    color: #42f5b6;
    
}

.adoption {
    font-family: 'Dancing Script', cursive;
    color: #f5a742;
    
}

p {
    line-height: 1.6;
    margin-bottom: 15px;
    text-align: justify;
    
}

.source {
    margin-top: 20px;
    font-size: 14px;
    font-style: italic;
    text-align: right;
    text-shadow: 1px 1px 2px gray;
}