@font-face {
    font-family: "Fira Code";
    src: url(/public/fonts/FiraCode-VariableFont_wght.ttf);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 1.25em;
    font-weight: bolder;
}

p {
    margin-top: 0;
}

a {
    font-weight: bolder;
    text-decoration-thickness: 3px;
    text-underline-offset: 3px;
    color: royalblue;
    transition: all 255ms;
}

a:hover,
a:focus {
    background-color: royalblue;
    color: var(--black);
}

a:visited:not(:hover, :focus) {
    color: royalblue;
}

ul {
    list-style-type: "+ ";
    list-style-position: inside;

    li:not(:last-child) {
        margin-bottom: 1rem;
    }
}