:root {
    --text-clr: #48ff0b;
    background-color: black;
}

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

@font-face {
    font-family: "HeadingFont";
    src: url("./Advent_Pro.ttf");
}

.title {
    font-family: "HeadingFont";
    color: var(--text-clr);
}

.nav_item {
    font-family: 'Fira Code', monospace;
    color: var(--text-clr);
}

body {
    background-color: black;
}

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

.interface, .interface > * {
    background-color: black;
    font-family: 'Fira Code', monospace;
    color: var(--text-clr);   
}

.interface p {
    white-space: pre-wrap;
}

.interface input {
    width: 100%;
    background-color: black;
    color: var(--text-clr);
    border: none;
}

.interface input:focus {
    outline: none;
}