body {
    font-family: "Nunito Sans", sans-serif;
    color: #676767;
    font-size: 14px;
    font-weight: 500;
}

/* pensando em não ter os h's aqui, 
   e sim estilizar nos componentes blazor, usando tailwind e talvez com estilo de pai para filho */
h2 {
    color: #000;
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
}

h4 {
    color: #000;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
}

hr {
    border: none;
    height: 1px;
    background-color: #DFDFDF;
}

.def\:shadow {
    box-shadow: var(--bs-box-shadow);
}

.def\:shadow-card {
    box-shadow: 0px 5px 11.4px 0px rgba(0, 0, 0, 0.07);
}