
:root{
    --miku-magenta: #ff50a8;
    --miku-teal: #07f2ff;
    --grey: #464646;
    --dark-grey: #333333;
    --vocaloid-cyan: #3bbec1;
    --vocaloid-green: #a6bf31;
    
    --v2-grey: #BDC7CE;
    /*The following Cryptonloid colors are sourced from their pjsk character colors. I can't promise they'll look good on a webpage*/
    --kaito-blue: #3366CC;
    --rin-gold: #FFCC11;
    --len-yellow: #FFEE11;
    --luka-pink: #FFBBCC;
    --meiko-red: #DD4444;
    
    }
    
    * {cursor: url(https://cur.cursors-4u.net/anime/ani-12/ani1136.ani), url(https://cur.cursors-4u.net/anime/ani-12/ani1136.gif), auto !important;}

body{
    background: url('https://files.catbox.moe/ludsv7.png') var(--miku-teal);
    color: black;
    font-family: sans-serif;
    }
    
nav{
    font-family: sans-serif;
    background: var(--grey);
    color: black;
    max-width: 58em;
    margin: 0 auto;
    height: 2.5em;
    padding: 0 1em;
    }
    
nav ul{
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-evenly;
    
    margin: 0 auto;
    }
    
nav ul li{
	    padding-top: 1em;
    }
    
nav a{
    color: var(--miku-magenta);
    text-decoration: none;
    text-shadow: none;
    }

nav a:visited{ color: var(--miku-teal);}

nav a:hover{text-decoration: underline dashed; color: var(--luka-pink);}
nav a:visited:hover{color: var(--kaito-blue);}
    
main{
    font-family: sans-serif;
    background: var(--dark-grey);
    color: white;
    max-width: 56em;
    margin: 0 auto;
    padding: 2em;
    text-shadow: none;
    }
    
h1, h2{
    text-align: center;
    text-shadow: none
    }
    
h3 {
    text-shadow: none;
    color: var(--rin-gold);
    }

h1{
        color: var(--miku-teal);
        font-size: 2.5em;
        }

h2{
    color: var(--vocaloid-cyan);
    }
    
.center{display: block; margin: 0 auto;}

main a{
    color: var(--vocaloid-green);
    text-decoration: none;}
    
main a:visited{ color: var(--miku-magenta);}

main a:hover{text-decoration: underline dashed; color: var(--vocaloid-cyan);}
main a:visited:hover{color: var(--luka-pink);}

main strong{
    color: var(--miku-magenta);
    }
    
main li{
    margin: .5em auto;
    }
    
.center{
    text-align: center;
    }
    
.announcement{
    background: var(--kaito-blue);
    width: 75%;
    margin: 1em auto;
    padding: .25em;
    text-align: center;
    }

.announcement a{
    color: var(--miku-teal);
    }

