.bg-purple-950 { background-color: rgb(59,7,100);}
.bg-violet-950 { background-color: rgb(46,16,101);}

.bg-t8-purple-950 { background-color: rgba(59,7,100,0.8); }
.bg-t7-purple-950 { background-color: rgba(59,7,100,0.7); }
.bg-t6-purple-950 { background-color: rgba(59,7,100,0.6); }
.bg-t5-purple-950 { background-color: rgba(59,7,100,0.5); }
.bg-t4-purple-950 { background-color: rgba(59,7,100,0.4); }
.bg-t3-purple-950 { background-color: rgba(59,7,100,0.3); }

.bx-header {box-shadow: 0px 0px 5px 5px #0ab4e7;}
.bs-orvert {box-shadow: 0px 0px 35px 4px #6c8134;}
.bs-orvert-m {box-shadow: 0px 0px 20px 4px #6c8134;}
.bs-or-l {box-shadow: 0 0 10px 3px #c6a26c;}
.bs-or-l:hover {box-shadow: 0 0 10px 3px #26ec57;}
.bs-or-p {box-shadow: 0 0 3px 2px #c6a26c;}
.bs-activee {box-shadow: 0 0 3px 2px #26ec57;}
.bs-purple { box-shadow: 0 0 10px 6px #6c48bf;}
.white { color: white;}
.black { color: black;}

.bruno {
    font-family: "Bruno Ace SC";
    font-weight: 400;
    font-style: normal;
}

.f-xs { font-size: 0.75rem; /* 12px */ }
.f-sm { font-size: 0.875em; /* 14px */ }
.f-b { font-size: 1rem; /* 16px */}
.f-lg { font-size: 1.125rem; /* 18px */}
.f-xl { font-size: 1.25rem; /* 20px */ }
.f-2xl { font-size: 1.5rem; /* 24px */ }
.f-3xl { font-size: 1.875rem; /* 30px */}
.f-4xl { font-size: 2.25rem; /* 36px */}
.f-5xl { font-size: 3rem; /* 48px */} 

.f-ico { font-size: 1.1rem;}


.h-18 { height: 4.5rem;}
.h-19 { height: 4.7rem;}

.max-w-8xl {
    max-width: 90rem;
}

/* *** *** DISPLAYS *** *** */
.none { display: none; }
.inline-b { display: inline-block;}
.inline { display: inline;}
.none { display: none;}
.block { display: block;}
.flex { display: flex; }
.grid { display: grid;}

/* *** *** POSITIONS *** *** */
.absolute { position: absolute;}
.fixed { position: fixed;}
.relative { position: relative;}
.static { position: static;}
.initial { position: initial;}
.sticky { position: sticky;}
/* top */
.top-0 { top: 0;}
.top-1 { top: 0.50rem; }
.top-2 { top: 1.00rem; }
.top-3 { top: 1.15rem; }
.top-4 { top: 1.30rem; }
.top-5 { top: 1.50rem; }
.top-6 { top: 2.00rem; }
.top-7 { top: 2.50rem; }
.top-8 { top: 3.00rem; }
.top-9 { top: 3.50rem; }
.top-10 { top: 4.00rem; }
.top-11 { top: 4.50rem; }
/* left */
.left-0 { left: 0;}
.left-1 { left: 0.50rem; }
.left-2 { left: 1.00rem; }
.left-3 { left: 1.15rem; }
.left-4 { left: 1.30rem; }
.left-5 { left: 1.50rem; }
.left-6 { left: 2.00rem; }
.left-7 { left: 2.50rem; }
.left-8 { left: 3.00rem; }
.left-9 { left: 3.50rem; }
.left-10 { left: 4.00rem; }
.left-11 { left: 4.50rem; }
/* right */
.right-0 { right: 0; }
.right-1 { right: 0.50rem; }
.right-2 { right: 1.00rem; }
.right-3 { right: 1.15rem; }
.right-4 { right: 1.30rem; }
.right-5 { right: 1.50rem; }
/* bottom */
.bottom-0 { bottom: 0; }
.bottom-1 { bottom: 0.50rem; }
.bottom-2 { bottom: 1.00rem; }
.bottom-3 { bottom: 1.15rem; }
.bottom-4 { bottom: 1.30rem; }
.bottom-5 { bottom: 1.50rem; }

/* *** *** MARGINS *** *** */
/* margin all */
.m-1 { margin: 0.5rem;}
.m-2 { margin: 1rem;}
.m-3{ margin: 1.15rem; }
.m-4{ margin: 1.30rem; }
.m-5{ margin: 1.5rem; }
/* margin x */
.mx-1 { margin-left: 0.5rem;margin-right: 0.5rem;}
.mx-2 { margin-left: 1.0rem;margin-right: 1.0rem;}
.mx-3{ margin-left: 1.15rem;margin-right: 1.15rem; }
.mx-4{ margin-left: 1.30rem;margin-right: 1.30rem; }
.mx-5{ margin-left: 1.5rem;margin-right: 1.5rem; }
/* margin y */
.my-1 { margin-bottom: 0.5rem;margin-top: 0.5rem;}
.my-2 { margin-bottom: 1rem;margin-top: 1rem;}
.my-3{ margin-bottom: 1.15rem;margin-top: 1.15rem; }
.my-4{ margin-bottom: 1.30rem;margin-top: 1.30rem; }
.my-5{ margin-bottom: 1.5rem;margin-top: 1.5rem; }
/* margin-bottom */
.mb-1 { margin-bottom: 0.5rem;}
.mb-2 { margin-bottom: 1rem;}
.mb-3{ margin-bottom: 1.15rem;}
.mb-4{ margin-bottom: 1.30rem; }
.mb-5{ margin-bottom: 1.5rem;}

/* margin left */
.ml-1 { margin-left: 0.5rem;}
.ml-2 { margin-left: 1rem;}
.ml-3{ margin-left: 1.15rem; }
.ml-4{ margin-left: 1.30rem; }
.ml-5{ margin-left: 1.5rem; }
.ml-33 { margin-left: 3.3rem;}

/* margin right */
.mr-1 { margin-right: 0.5rem;}
.mr-2 { margin-right: 1rem;}
.mr-3{ margin-right: 1.15rem; }
.mr-4{ margin-right: 1.30rem; }
.mr-5{ margin-right: 1.5rem; }

/* margin top */
.mt-01 { margin-top: 0.1rem;}
.mt-09 { margin-top: 0.9rem;}
.mt-1{ margin-top: 0.5rem; }
.mt-2{ margin-top: 1rem; }
.mt-3{ margin-top: 1.15rem; }
.mt-4{ margin-top: 1.30rem; }
.mt-5{ margin-top: 1.5rem; }


/* -_- *** PADDINGS *** -_- */
/* padding all */
.p-01 { padding: 0.01rem; }
.p-1 { padding: 0.5rem;}
.p-2 { padding: 1rem;}
.p-3 { padding: 1.15rem;}
.p-4 { padding: 1.30rem;}
.p-5 { padding: 1.5rem;}
/* padding x */
.px-1{ padding-left: 0.5rem; padding-right: 0.5rem; }
.px-2{ padding-left: 1rem; padding-right: 1rem; }
.px-3{ padding-left: 1.15rem; padding-right: 1.15rem; }
.px-4{ padding-left: 1.30rem; padding-right: 1.30rem; }
.px-5{ padding-left: 1.50rem; padding-right: 1.50rem; }
/* padding y */
.py-01 { padding-top: 0.05rem; padding-bottom: 0.05rem; }
.py-1{ padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-2{ padding-top: 1rem; padding-bottom: 1rem; }
.py-3{ padding-top: 1.15rem; padding-bottom: 1.15rem; }
.py-4{ padding-top: 1.30rem; padding-bottom: 1.30rem; }
.py-5{ padding-top: 1.50rem; padding-bottom: 1.50rem; }
/* padding-bottom */
.pb-1 { padding-bottom: 0.5rem;}
.pb-2 { padding-bottom: 1rem;}
.pb-3{ padding-bottom: 1.15rem; }
.pb-4{ padding-bottom: 1.30rem; }
.pb-5{ padding-bottom: 1.5rem; }
/* padding left */
.pl-1 { padding-left: 0.5rem;}
.pl-2 { padding-left: 1rem;}
.pl-3{ padding-left: 1.15rem; }
.pl-4{ padding-left: 1.30rem; }
.pl-5{ padding-left: 1.5rem; }
.pl-33 { padding-left: 3.3rem;}
/* padding right */
.pr-1 { padding-right: 0.5rem;}
.pr-2 { padding-right: 1rem;}
.pr-3{ padding-right: 1.15rem; }
.pr-4{ padding-right: 1.30rem; }
.pr-5{ padding-right: 1.5rem; }
/* padding top */
.pt-01 { padding-top: 0.1rem;}
.pt-09 { padding-top: 0.9rem;}
.pt-1{ padding-top: 0.5rem; }
.pt-2{ padding-top: 1rem; }
.pt-3{ padding-top: 1.15rem; }
.pt-4{ padding-top: 1.30rem; }
.pt-5{ padding-top: 1.5rem; }

.p-255 { padding: 2% 5% 5%;}
.p_h4 { margin: 0px 0px 25px;}

.blur {
    background: linear-gradient(180deg, rgba(14,20,39,0.9) 8.85%, rgba(14,20,38,0) 63.68%);
}

.cumuls {
    left: calc(50% - 7rem / 2);
}

/* 0.25 rem =>  4px */
/* 1.00 rem => 16px */

.l-cal96 {
    left : calc(50% - 12rem);
}

.me-22 { margin-inline-end: 5.5rem;} /* 88px */
.-ml-42 {margin-left: -10.5rem;}

.top-26 { top: 6.5rem; } /* 104px */ 

.w-10vw { width: 10vw; }
.w-20vw { width: 20vw; }
.w-30vw { width: 30vw; }
.w-40vw { width: 40vw; }
.w-50vw { width: 50vw; }
.w-60vw { width: 60vw; }
.w-70vw { width: 70vw; }
.w-80vw { width: 80vw; }
.w-90vw { width: 90vw; }
.w-100vw { width: 100vw; }
.w-30 { width: 7.5rem;} /* 120px */
.w-px86 { width: 86px;}
.w-79 { width: 19.75rem;}
.h-79 { height: 19.75rem;}
/* .w-80 { 20rem 320px} */
.w-81 { width: 20.25rem; /* 324px */}
.w-82 { width: 20.50rem; /* 328px */}

.w-85 { width: 21rem; /* 336px */}
.h-85 { height: 21rem; /* 336px */}

.w-6x28m { width: 21rem !important; max-width: 21rem !important;}
.w-6x28 { width: 42rem !important; max-width: 42rem !important; /* 678px */}
.w-600 { width: 600px; }
.w-678 { width: 678px; }
.w-800 { width: 800px; }
.w-900 { width: 900px; }
/* .w-96 { 24rem 384px} */

.z-1 { z-index: 1;}
.z-2 { z-index: 2;}
.z-3 { z-index: 3;}
.z-4 { z-index: 4;}
.z-5 { z-index: 5;}
.z-6 { z-index: 6;}
.z-7 { z-index: 7;}
.z-8 { z-index: 8;}
.z-9 { z-index: 9;}

.basis-30 { flex-basis: 7.5rem;}

.text-center {
    text-align: center;
}

.t-white { color: white; }
.t-black { color: black; }
.t-blue { color: blue; }
.t-green { color: green; }
.t-orange { color: orange; }
.t-red { color: red; }
.t-lime { color: lime; }
.t-purple { color: purple; }
.t-cyan { color: cyan; }

.decoration-none { text-decoration: none; }
.decoration-dashed { text-decoration: dashed; }
.decoration-dotted { text-decoration: dotted; }
.decoration-through { text-decoration: line-through; }
.decoration-over { text-decoration: overline; }
.decoration-solid { text-decoration: solid; }
.decoration-under { text-decoration: underline; }
.decoration-wavy { text-decoration: wavy; }

.transition-all { transition: all 0.3s ease-in-out; }

.hover\:text-bold:hover { font-weight: bold; }

.hover\:scale1-1:hover { transform: scale(1.1); }
.hover\:scale1-2:hover { transform: scale(1.2); }
.hover\:scalex1-1:hover { transform: scaleX(1.1); }
.hover\:scalex1-2:hover { transform: scaleX(1.2); }
.hover\:scaley1-1:hover { transform: scaleY(1.1); }
.hover\:scaley1-2:hover { transform: scaleY(1.2); }

.hover\:light:hover { filter: brightness(1.2); }

.hover\:lsb:hover {
    font-weight: bold;
    transform: scale(1.2);
    filter: brightness(1.2);
}


@media not all and (min-width: 640px){

    .max-sm\:w-10vw { width: 10vw; }
    .max-sm\:w-20vw { width: 20vw; }
    .max-sm\:w-30vw { width: 30vw; }
    .max-sm\:w-40vw { width: 40vw; }
    .max-sm\:w-50vw { width: 50vw; }
    .max-sm\:w-60vw { width: 60vw; }
    .max-sm\:w-70vw { width: 70vw; }
    .max-sm\:w-80vw { width: 80vw; }
    .max-sm\:w-90vw { width: 90vw; }
    .max-sm\:w-100vw { width: 100vw; }

}