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

body {
    font-family: "Inter", sans-serif;
    background-color: #f0f4f8;
    /* Light blue-grey background */
    /* background-image: radial-gradient(#cbd5e1 1px, transparent 1px); */
    /* background-size: 20px 20px; */
    background: url("../images/background.png");
    background-repeat: repeat-y;
    background-size: 100% auto;
    background-position: top center;
}

.highlight-yellow {
    background-color: #fef08a;
    /* Tailwind yellow-200 */
    padding: 0.25rem 0.75rem;
    border-radius: 0.25rem;
    display: inline-block;
    font-weight: bold;
    color: #1e293b;
    /* slate-800 */
}

.text-gradient {
    background: linear-gradient(to right, #ef4444, #eab308, #3b82f6);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}