:root 
{
    
    --main-bg-color: #120142;
    --main-text-color: #B5FFD9;
    --main-link-color: #00cfff;
    --main-border-color: #AE00FB;
    
    
}

html
{
    border: 4px solid var(--main-link-color);
    border-radius: 20px;
    padding: 8px;
}

body
{
    background-color: var(--main-bg-color);
    color: var(--main-text-color);
    font-family: Helvetica,Arial,sans-serif !important; 
}

a
{
    color: var(--main-text-color);
}

.linkButton
{
    color: var(--main-text-color);
    text-decoration: none;
    background-color: var(--main-bg-color);
    border: 4px solid var(--main-border-color);
    border-radius: 20px;
    padding: 8px;
    font-size: 20px;
    font-family: 'Courier New', Courier, monospace;
    margin-bottom: 10px;
}

#main-title
{
    font-size: 35px;
    font-family: 'Courier New', Courier, monospace;
    word-spacing: -5px;
}

#category-title
{
    font-size: 25px;
    margin-bottom: 15px;
}

a
{
    color: var(--main-link-color);
    transition: border-color 0.3s;
    font-weight: bolder;
}

a:hover
{
    border-color: var(--main-link-color);
}

a:active
{
    color: var(--main-text-color);
}

header
{
   margin: 10px 0px;
}

main, footer
{
    margin-bottom: 10px;
}