html, body
{
    font-family: 'Open Sans', Ubuntu, Geneva, Arial, sans-serif; 
    font-size: 15pt;
    margin: 0;
    padding: 20px;
    min-height: 100%;
    min-width: 100%;
    scroll-behavior: smooth;
    scrollbar-color: #474747 #333333;
    background: var(--bg-colour);
    color: var(--primary-text-colour);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul {
    margin-left: 20px;
}

code
{
    overflow-wrap: break-word;
    text-wrap: wrap;
}

a
{
    text-decoration: none;
    position: relative;
    color: var(--primary-colour);
}

a::after
{
    content: '';
    background: rgba(0, 128, 128, 0.2);
    position: absolute;
    left: 15%;
    bottom: -15%;
    width: calc(100% - 10%);
    height: calc(100% - 30%);
    transition: 0.1s cubic-bezier(0.25, 0.1, 0, 0);
    border-radius: 2px;
}

a:hover::after
{
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

#content
{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 30px;
}

#go-back
{
    font-size: 17pt;
}

.heading-anchor-permalink
{
    display: none;
}

.pln
{
    color: var(--syntax-variable-colour) !important;
}

@media screen
{ 
    .str
    {
        color: var(--syntax-string-colour) !important;
    }
    
    .kwd
    {
        color: var(--syntax-keyword-colour) !important;
    }
    
    .com
    {
        color: var(--syntax-comment) !important;
        font-style: italic;
    }
    
    .typ
    {
        color: var(--syntax-type-colour) !important;
    }
    
    .lit
    {
        color: var(--syntax-number-colour) !important;
    }
    
    .clo,  .opn,  .pun
    {
        color: var(--syntax-punctuation-colour) !important;
    }
    
    .tag
    {
        color: var(--syntax-tag-colour) !important;
    }
    
    .atn
    {
        color: var(--syntax-type-colour) !important;
    }
    
    .atv
    {
        color: var(--syntax-string-colour) !important;
    }
    
    .dec, .var
    {
        color: var(--syntax-variable-colour) !important;
    }
    
    .fun
    {
        color: var(--syntax-function-colour) !important;
    }
}