:root{
    --white: hwb(0 100% 0%);
    --miku: hwb(180 0% 0%);
    --mikulight: hwb(180 50% 0%);
    --mikudark: hwb(180 0% 50%); 
    --flower: hwb(270 0% 0%);
    --flowerlight: hwb(270 50% 0%);
    --flowerdark: hwb(270 0% 50%);
    --luka: hwb(300 0% 0%);
    --lukalight: hwb(300 50% 0%);
    --lukadark: hwb(300 0% 50%);
    --kagamine: hwb(60 0% 0%);
    --kagaminelight: hwb(60 50% 0%);
    --kaito: hwb(240 0% 0%);
    --kaitolight: hwb(240 50% 0%);
    --kaitodark: hwb(240 0% 50%);
    --meiko: hwb(360 0% 0%);
    --meikolight: hwb(360 50% 0%);
    --meikodark: hwb(360 0% 50%);
    --woobly: hwb(120 0% 0%);
    --wooblylight: hwb(120 50% 0%);
    --wooblydark: hwb(120 0% 50%);
}
body{
    display: inline;
    background-color: var(--white);
    font-family: "Courier New", monospace;
    font-size: 25px;
    color: var(--white);
}
header{
}
p{
    margin: 25px;
    text-shadow: 1px 1px 2px var(--flowerdark);
}
h1{
    margin: 25px;
    font-style: italic;
    font-weight: bold;
    text-shadow: 2.5px 2.5px 5px var(--flower);
}
h4{
    margin: 25px;
    font-weight: bold;
    text-shadow: 1px 1px 2px var(--flower);
}
a:link{
    margin: 25px;
    color: var(--white);
    text-shadow: 1px 1px 2px var(--kaito);
}
a:visited{
    margin: 25px;
    color: var(--white);
    text-shadow: 1px 1px 2px var(--kaitodark);
}
a:hover{
    margin: 25px;
    color: var(--white);
    text-shadow: 1px 1px 2px var(--kaitolight);
}
a:active{
    margin: 25px;
    color: var(--white);
    text-shadow: 1px 1px 2px var(--kaitolight);
}
nav{
}