:root {
    --font-sans: "Outfit", ui-sans-serif, system-ui, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
        "Noto Color Emoji";
    --background: #ffffff;
    --foreground: #111827;
    --color-gray-300: #d1d5db;
    --color-gray-700: #374151;
}

body {
    background: var(--background);
    color: var(--color-gray-700);
}

.container {
    max-width: calc(1150px + 10vw);
    margin: 0 auto;
    padding: 0 6vw;
}

.text-brand {
    color: #56a7fe;
}

.bg-brand {
    background-color: #56a7fe;
}

tr {
    border-color: var(--color-gray-300);
}

.btn {
  border-radius: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}