@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');

:root {
    --pattle-black: #0a0d26;
    --pattle-lightgray: lightgray;
    --pattle-white: white;
    --pattle-yellow: yellow;
    --pattle-nodeblue: #8797f7;
    --pattle-contact: lightblue;
    --pattle-highlight: #afc5ee;
}

body {
    margin: 0;
    font-family: "Source Code Pro", monospace;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: large;

    text-align: center;

    color: var(--pattle-white);
    background-color: var(--pattle-black);
}

b {
    font-weight: 600;
}

a {
    text-decoration: underline;
    color: var(--pattle-contact);
}

.nodenotjsrules {
    background-image: linear-gradient(120deg, #c7d0ff, var(--pattle-nodeblue), #c7d0ff);
    color: transparent;
    background-clip: text;
}

.header1 {
    font-size: 1.5em;
    font-weight: 600;
}

.emoji {
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
}

.wip-warning {
    color: var(--pattle-black);
    background-color: var(--pattle-yellow);
}