@import './bootstrap-4-utilities.css';

:root {
    --color-main: #26c;
    --color-red: tomato;
    --color-light-grey: #efefef;
    --color-grey: #ccc;
    --color-dark: #333;
}

/* Outlines */
    .outline-thin {
        -webkit-text-stroke-width: thin;
    }
    .outline-medium {
        -webkit-text-stroke-width: medium;
    }
    .outline-thick {
        -webkit-text-stroke-width: thick;
    }

    .outline-red {
        -wekbit-text-stroke-color: var(--color-red);
    }
    .outline-grey {
        -webkit-text-stroke-color: var(--color-grey);
    }
    .outline-light-grey {
        -webkit-text-stroke-color: var(--color-light-grey);
    }
    .outline-dark {
        -webkit-text-stroke-color: var(--color-dark);
    }

/* Backgrounds */
    .bg-transparent {
        background-color: transparent;
    }

/* Text Color */
    .text-transparent {
        color: transparent;
    }
    .color-inherit {
        color: inherit;
    }

/* Text Size */
    .fs-1rem {
        font-size: 1rem;
    }
    .fs-1em {
        font-size: 1em;
    }
    .fs-1_3rem {
        font-size: 1.33rem;
    }
    .fs-1_3em {
        font-size: 1.33em;
    }
    .fs-2rem {
        font-size: 2rem;
    }
    .fs-2_3rem {
        font-size: 2.3rem;
    }
    .fs-2_5rem {
        font-size: 2.5rem;
    }
    .fs-3rem {
        font-size: 3rem;
    }
    .fs-3_3rem {
        font-size: 3.3rem;
    }
    .fs-3_5rem {
        font-size: 3.5rem;
    }
    .fs-5rem {
        font-size: 5rem;
    }
    .fs-5_3rem {
        font-size: 5.3rem;
    }
    .fs-5_5rem {
        font-size: 5.5rem;
    }

/* Lists */
    .list-none {
        list-style-type: none;
    }

/* Dimensions */
    .w-100 { width: 100% !important; }
    .w-90 { width: 90% !important; }
    .w-87_5 { width: 87.5% !important; }
    .w-80 { width: 80% !important; }
    .w-75 { width: 75% !important; }
    .w-50 { width: 50% !important; }
    .w-25 { width: 25% !important; }
    .w-20 { width: 20% !important; }
    .w-12_5 { width: 12.5% !important; }
    .w-10 { width: 10% !important; }

    .h-100 { height: 100% !important; }
    .h-87_5 { height: 87.5% !important; }
    .h-80 { height: 80% !important; }
    .h-75 { height: 75% !important; }
    .h-50 { height: 50% !important; }
    .h-25 { height: 25% !important; }
    .h-12_5 { height: 12.5% !important; }

    .w-min-100vw { min-width: 100vw !important; }
    .w-min-80vw { min-width: 80vw !important; }
    .w-min-75vw { min-width: 75vw !important; }
    .w-min-50vw { min-width: 50vw !important; }
    .w-min-25vw { min-width: 25vw !important; }
    .w-min-12_5vw { min-width: 12.5vw !important; }

    .h-min-100vh { min-height: 100vh !important; }
    .h-min-80vh { min-height: 80vh !important; }
    .h-min-75vh { min-height: 75vh !important; }
    .h-min-50vh { min-height: 50vh !important; }
    .h-min-25vh { min-height: 25vh !important; }
    .h-min-12_5vh { min-height: 12.5vh !important; }

/* Border */
    .border-none {
        border: none;
    }
    .b-rad-50 {
        border-radius: 50%;
    }

/* Padding */
    .p-1em { padding: 1em; }
    .px-1em { padding-left: 1em !important; padding-right: 1em !important; }
    .py-1em { padding-top: 1em !important; padding-bottom: 1em !important; }

/* Flex properties */
    .jc-center {
        justify-content: center;
    }
    .jc-start {
        justify-content: flex-start;
    }
    .jc-end {
        justify-content: flex-end;
    }

    .ai-center {
        align-items: center;
    }
    .ai-start {
        align-items: start;
    }
    .ai-end {
        align-items: end;
    }

    .ac-center {
        align-content: center;
    }
    .ac-start {
        align-content: start;
    }
    .ac-end {
        align-content: end;
    }