@import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&family=Righteous&display=swap');

body {
    background: hsl(270deg 80 5);
    color: hsl(300deg 80 50);
    font-family: "Cutive Mono";
    display: flex;
}

a {
    color: hsl(300deg 80 50);
    font-size: 1.25em;
}

a:hover {
    color: hsl(300deg 100 50);
}

a:visited {
    color: hsl(270deg 100 50);
}

p {
    font-size: 1.25em;
}

h1, h2 {
    margin: auto;
    margin-top: 0.5em;
    font-family: "Righteous";
}

ul {
    display: flex;
    flex-direction: column;
}

li {
    margin: 0.25em;
    list-style-type: circle;
}

#root {
    margin: auto;
    display: flex;
    flex-direction: column;
}