.grade.svelte-22ert6{font-family:monospace;display:block;min-width:10rem;font-size:10rem;padding-left:1rem;padding-right:1rem;font-weight:700;border-radius:1rem;margin-left:auto;margin-right:auto;text-align:center}.grade.F.svelte-22ert6{background-color:#b10202;color:#ffcfc9}.grade.C.svelte-22ert6{background-color:#ffe5a0;color:#753800}.grade.A.svelte-22ert6{background-color:#d4edbc;color:#11734b}.grade.A-plus.svelte-22ert6{background-color:#11734b;color:#d4edbc}