:root {
    --background: #423e3b;
    --text: #fcf7f8;
    --primary: #ff6319;
    --sucess: #64a6bd;
    --danger: #b4869f;

    background-color: var(--background);
    color: var(--text);
    font-size: 1.5rem;
    font-family:
        "IBM Plex Serif", "Roboto Serif", "Times New Roman", "Times", "serif";
}

body {
    margin: 0;
    padding: 0;
}

h1 {
    color: var(--primary);
    font-family: "Josefin Slab";
}

h2,
h3,
h4,
h5,
h6 {
    font-family: "JetBrains Mono";
}

a {
    color: var(--sucess);
    text-decoration: none;
}

a:hover {
    color: var(--danger);
}

i.icon {
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    font-weight: 400;
    text-rendering: auto;
    font-family: "Font Awesome 6 Free";
}

i.icon-solid {
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    font-weight: 900;
    text-rendering: auto;
    font-family: "Font Awesome 6 Free";
}

i.icon-brand {
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    font-weight: 400;
    text-rendering: auto;
    font-family: "Font Awesome 6 Brands";
}