@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;400;700&display=swap');

.fragment.blur {
    filter: blur(5px);
}

.fragment.blur.visible {
    filter: none;
}

.bg-navy {
    background-color: #001f3f;
}

.bg-blue {
    background-color: #0074d9;
}

.bg-aqua {
    background-color: #7fdbff;
}

.bg-teal {
    background-color: #39cccc;
}

.bg-olive {
    background-color: #3d9970;
}

.bg-green {
    background-color: #2ecc40;
}

.bg-lime {
    background-color: #01ff70;
}

.bg-yellow {
    background-color: #ffdc00;
}

.bg-orange {
    background-color: #ff851b;
}

.bg-red {
    background-color: #ff4136;
}

.bg-fuchsia {
    background-color: #f012be;
}

.bg-purple {
    background-color: #b10dc9;
}

.bg-maroon {
    background-color: #85144b;
}

.bg-white {
    background-color: #fff;
}

.bg-gray {
    background-color: #aaa;
}

.bg-silver {
    background-color: #ddd;
}

.bg-black {
    background-color: #111;
}

.navy {
    color: #001f3f;
}

.blue {
    color: #0074d9;
}

.aqua {
    color: #7fdbff;
}

.teal {
    color: #39cccc;
}

.olive {
    color: #3d9970;
}

.green {
    color: #2ecc40;
}

.lime {
    color: #01ff70;
}

.yellow {
    color: #ffdc00;
}

.orange {
    color: #ff851b;
}

.red {
    color: #ff4136;
}

.fuchsia {
    color: #f012be;
}

.purple {
    color: #b10dc9;
}

.maroon {
    color: #85144b;
}

.white {
    color: #fff;
}

.silver {
    color: #ddd;
}

.gray {
    color: #aaa;
}

.black {
    color: #111;
}