:root {
    font-family: "Shantell Sans";
}

.monospace {
    font-family: "Jersey 25";
}

* {
    --primary: rgb(246, 182, 217);
    --secondary: rgb(124, 202, 250);
    --favicon-blue: rgb(36, 61, 126);
}

footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
}

footer p {
    padding: 0.4rem 0;
}

.link {
    color: var(--favicon-blue);
    transition: color 0.2s;
}

.link:hover {
    color: var(--secondary);
}