@font-face {
    font-family: 'PragmataPro';
    src: url('/static/fonts/PragmataProEssential1.2R.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fade-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

body {
    font-family: 'PragmataPro', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

ul.info-list {
    list-style: none;
    padding-left: 0;
    margin-top: auto;
    margin-bottom: 0;

    & > li {
        margin: 0;
        max-width: 100%;

        &:has(i:first-child) {
            position: relative;
            padding-left: 1.25rem;

            & > i:first-child {
                position: absolute;
                top: 0;
                left: 0;
            }
        }
    }
}