@import url('https://fonts.googleapis.com/css2?family=Fira+Code&family=Lobster+Two&family=Neuton&display=swap');

body {
    --color--blue: rgba(12, 133, 253, 1);
    --color--light-blue: rgba(157, 203, 255, 1);
    --color--incandescent: rgba(255, 228, 5, 0.27);
    font-family: 'Neuton', serif;
}

h1 {
    font-family: 'Lobster Two', cursive;
}

.text--center {
    text-align: center;
}

.mono {
    font-family: 'Fira Code', monospace;
}

div#tree-container {
    display: grid;
    white-space: nowrap;
    padding: 1em;
}

div#tree-container div {
    margin: auto;
    max-height: 3em;
}

div#tree-container div img {
    max-height: 3em;
}