:root {
    --main-bg-color: coral;
    --main-txt-color: blue; 
    --icon-color: white;
    --carousel-background-color: black;
    /* Colors */
    --blue: #3490dc;
    --indigo: #6574cd;
    --purple: #9561e2;
    --pink: #f66d9b;
    --red: #e3342f;
    --orange: #f6993f;
    --yellow: #ffed4a;
    --green: #38c172;
    --teal: #4dc0b5;
    --cyan: #6cb2eb;
    --categories-card-max-width: 3.8rem;
    --categories-card-min-width: 3.8rem;

    --categories-icon-font-size: 24px;
    --categories-name-font-size:11px;
    
}
  
.carousel-bg-color {
    background-color: var(--carousel-background-color);
    
}

.card-size {
    max-width: 13rem;
    min-width: 13rem;
}