:root {
    --cursor: url('../pics/cursor/tinypointerbow.png');
    --bodybgcolor: #000000;
    --bodyfontcolor: #FFFFFF;
    --bodyfont: Times New Roman;
    --bodybgimg: url('../pics/bg/rainbowzebra.png');
    --bodybgimgrepeat: repeat;
    --bodytextalign: center;
    --mainbgcolor: #202325;
    --linkcolor: #9D316B;
    --linkhovercolor: #FFFFFF;
    --selectionbgcolor: #FFFFFF;
    --selectioncolor: #589F33;
    --h1font: 'new romantics', cursive;
    --h1color: #FFFFFF;
    }
    
    @font-face {
        font-family: 'new romantics';
        src: url('../fonts/newromantics.ttf') format('truetype');
    }

    html, body, a, hover {
    cursor: var(--cursor), auto;
    }
    
    body {
    font-size: 13px;
    text-align: var(--bodytextalign);
    background-attachment: fixed;
    background-color: var(--bodybgcolor);
    font-family: var(--bodyfont);
    color: var(--bodyfontcolor);
    background-image: var(--bodybgimg);
    background-repeat: var(--bodybgimgrepeat);
    }
    
    main {
    position: absolute;
    width: 1000px;
    top: 10px;
    left: 250px;
    right: 250px;
    padding: 5px;
    background-color: var(--mainbgcolor);
    overflow: auto;
    }
    
    a {
    width: auto; 
    text-align: center;
    text-decoration: none;
    color: var(--linkcolor);
    }
    
    a:hover {
    color: var(--linkhovercolor);
    }
    
    ::selection {
    background-color: var(--selectionbgcolor);
    color: var(--selectioncolor);
    }

    h1 {
    text-transform: uppercase;
    text-align: center;
    font-family: var(--h1font);
    color: var(--h1color);
    }