/* @tailwind base;
@tailwind components;
@tailwind utilities;

body {
    @apply bg-gray-50;
} */

.custom-mark mark  {
    color: #1e40af;
    background-color: #dbeafe; 
    border-radius: 0.375rem; 
    box-shadow: 0 0 0 4px #dbeafe;
}
.title-component h2 {
    max-width: 48rem; 
    margin-top: 0.75rem; 
    font-size: 1.875rem; 
    font-weight: 600; 
    line-height: 1.375; 
    letter-spacing: -0.01562em; 
    color: #1f2937; 
      
      
    @media (min-width: 1024px) { 
       
    line-height: 1.25; 
    font-size: 3rem; 
    }
      
}

.header-custom-mark mark {
    border-width: 2px; 
    border-color: #60a5fa; 
    border-radius: 0.5rem; 
    margin-left: 0.25rem; 
    padding-left: 0.25rem; 
    padding-right: 0.25rem; 
    color: #2563eb; 
    background: 0
}

.card-custom h4{
    display: inline;
    text-decoration-line: underline;   
    font-weight: 500;
    font-size: 20px;

    @media (min-width: 768px) { 
        font-weight: 600;
    }
    @media (min-width: 1024px) { 
        font-size: 21px;
    }
}