.included-date {
    background-color: #e0ffe0; /* Light green background */
    padding: 4px 8px;
    border-radius: 4px;
    font-weight: bold;
}

.not-included-date {
    background-color: #ffe0e0; /* Light red background */
    padding: 4px 8px;
    border-radius: 4px;
    color: #555;
}
/*DEBUT Toggle activate lignedepense on creating new one */
.form-check-input_toggle {
    width: 2.5em;
    height: 1.5em;
    background-color: #ccc;
    border-radius: 1.25em;
    position: relative;
    appearance: none;
    cursor: pointer;
    outline: none;
    transition: background-color 0.3s ease;
  }
  
  .form-check-input_toggle:checked {
    background-color: #1bbc74; /* Change to your preferred color */
  }
  
  .form-check-input_toggle::before {
    content: '';
    position: absolute;
    top: 0.125em;
    left: 0.125em;
    width: 1.25em;
    height: 1.25em;
    background-color: #fff;
    border-radius: 50%;
    transition: transform 0.3s ease;
  }
  
  .form-check-input_toggle:checked::before {
    transform: translateX(1em);
  }
  
/*FIN Toggle activate lignedepense on creating new one */
/*
.card-img-top {
    width: 100%;
    height: 35vh;
    object-fit: cover;
}

#projets_table td {
    font-size: 1.5em !important;
}



#adhesions_table td {
    font-size: 1em !important;
}

.navbar-nav {
    text-align: right !important;
    font-size: 1.6em !important;
}
.td_projets{
    text-align: center !important;
    font-size: 1.1em !important;
}

.span2{
    width: 90% !important;
}
.td_projets_label{
    text-align: center !important;
    font-size: 1.6em !important;
}

.btn-compte{
    height: 300px !important;
}

*/
:root {
    --intial_arabic_small: 0.5;
    --intial_number_moyen: 1;
}

.Mirza-font {
    font-family: Mirza;
}

.Mirza-font-2 {
    font-family: Mirza;
    font-size: 1.2em !important;
}

.textAlignRight {
    text-align: right;
}

.font-totalnumber {
    font-family: Times, 'Times New Roman', Georgia, serif;
}

.btn-projet {
    font-family: Mirza;
    font-size: 1.3em !important;
}

.my-nav-menu {
    font-family: Scheherazade;
    font-size: 1.3em !important;
}

.comptes-show {
    font-family: Scheherazade;
    font-size: 1.8em !important;
    height: 250px !important;
    /*to center text */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}


.btn-jaune {
    background-color: #fff131 !important;
    font-family: Scheherazade !important;
    font-size: 1.4em !important;
}

.btn-orange {
    background-color: #ffc107 !important;
    font-family: Scheherazade !important;
    font-size: 1.4em !important;
    /*font-size: 1.4vw !important;*/
}

.btn-red {
    background-color: #ff3c00 !important;
    font-size: 1.4em !important;
}

#according to the screen size .myHeader {
    font-size: 1em !important;
    text-align: center;
    font-family: Mirza;
}

.nav_top_name {
    font-size: 0.5em !important;
    /*font-size: 1.3vw !important;*/
}

.total_label {
    font-size: 1em !important;
    text-align: right !important;
}

.option-small {
    font-size: 1em !important;
    font-family: Mirza;
}

.error_message {
    font-family: Scheherazade !important;
    font-size: 0.8em !important;
}

.datatables-typeterrain {
    font-family: 'Times New Roman' !important;
    font-size: 0.9em !important;
    text-align: right !important;
}

.datatables-number {
    font-family: 'Times New Roman' !important;
    font-size: 0.4em !important;
    text-align: right !important;
}

.datatablesModal-number {
    font-family: 'Times New Roman' !important;
    font-size: 0.4em !important;
    text-align: right !important;
}

.datatables-arabic-right {
    font-family: Mirza-font !important;
    font-size: 0.7em !important;
    text-align: right !important;
}

.datatables-arabic-small {
    font-family: Mirza-font !important;
    font-size: var(--intial_arabic_small) em !important;
    text-align: right !important;
}

.datatablesModal-arabic-right {
    font-family: Mirza-font !important;
    font-size: 0.6em !important;
    text-align: right !important;
}

.datatables-nonarabic-right {
    font-family: 'Times New Roman' !important;
    font-size: 0.4em !important;
    text-align: right !important;
}

.neonText {
    font-size: var(--intial_number_moyen) em !important;
    animation: flicker 1.5s infinite alternate;
    color: rgb(0, 0, 0);
}

.dangerFlicker_text {
    font-size: var(--intial_number_moyen) em !important;
    animation: dangerFlicker 1.5s infinite alternate;
    color: rgb(0, 0, 0);
}

.glow {
    font-size: var(--intial_number_moyen) em !important;
    color: rgb(0, 0, 0);
    text-align: center;
    animation: glow 1s ease-in-out infinite alternate;
}

@media only screen and (min-width: 200px) {
    .error_msg_form {
        font-size: 0.8em !important;
        text-align: center;
        font-family: Mirza;
    }
    .myHeader {
        font-size: 1.1em !important;
        text-align: center;
        font-family: Mirza;
    }

    .nav_top_name {
        font-size: 0.6em !important;
        /*font-size: 1.3vw !important;*/
    }

    .total_label {
        font-size: 0.8em !important;
        text-align: right !important;
    }

    .error_message {
        font-family: Scheherazade !important;
        font-size: 1em !important;
    }

    .datatables-number {
        font-family: 'Times New Roman' !important;
        font-size: 0.5em !important;
        text-align: right !important;
    }

    .datatablesModal-number {
        font-family: 'Times New Roman' !important;
        font-size: 0.5em !important;
        text-align: right !important;
    }

    .datatables-arabic-right {
        font-family: Mirza-font !important;
        font-size: var(--intial_arabic_small) em !important;
        text-align: right !important;
    }

    .datatables-arabic-small {
        font-family: Mirza-font !important;
        font-size: 0.5em !important;
        text-align: right !important;
    }

    .datatablesModal-arabic-right {
        font-family: Mirza-font !important;
        font-size: 0.6em !important;
        text-align: right !important;
    }

    .swal2-title {
        font-family: Mirza-font !important;
        font-size: 1em !important;
    }

    .swal2-html-container {
        font-family: Mirza-font !important;
        font-size: 1.8em !important;
    }

    .swal2-footer {
        font-family: Mirza-font !important;
        font-size: 1.5em !important;
        text-align: center !important;
    }

    .datatables-nonarabic-right {
        font-family: 'Times New Roman' !important;
        font-size: 0.5em !important;
        text-align: right !important;
    }

    .glow {
        font-size: calc(var(--intial_number_moyen) + 2) em !important;
        color: rgb(0, 0, 0);
        text-align: center;
        animation: glow 1s ease-in-out infinite alternate;
    }

    .neonText {
        font-size: calc(var(--intial_number_moyen) + 2) em !important;
    }
}

@media only screen and (min-width: 300px) {
    .error_msg_form {
        font-size: 0.9em !important;
        text-align: center;
        font-family: Mirza;
    }
    .myHeader {
        font-size: 1.2em !important;
        text-align: center;
        font-family: Mirza;
    }

    .nav_top_name {
        font-size: 0.8em !important;
        /*font-size: 1.3vw !important;*/
    }

    .total_label {
        font-size: 0.9em !important;
        text-align: right !important;
    }

    .error_message {
        font-family: Scheherazade !important;
        font-size: 1.2em !important;
    }

    .datatables-number {
        font-family: 'Times New Roman' !important;
        font-size: 0.5em !important;
        text-align: right !important;
    }

    .datatablesModal-number {
        font-family: 'Times New Roman' !important;
        font-size: 0.6em !important;
        text-align: right !important;
    }

    .datatables-arabic-right {
        font-family: Mirza-font !important;
        font-size: var(--intial_arabic_small + 0.1) em !important;
        text-align: right !important;
    }

    .datatables-arabic-small {
        font-family: Mirza-font !important;
        font-size: 0.6em !important;
        text-align: right !important;
    }

    .datatablesModal-arabic-right {
        font-family: Mirza-font !important;
        font-size: 0.6em !important;
        text-align: right !important;
    }

    .datatables-nonarabic-right {
        font-family: 'Times New Roman' !important;
        font-size: 0.6em !important;
        text-align: right !important;
    }

    .glow {
        font-size: calc(var(--intial_number_moyen) + 2) em !important;
        color: rgb(0, 0, 0);
        text-align: center;
        animation: glow 1s ease-in-out infinite alternate;
    }

    .neonText {
        font-size: calc(var(--intial_number_moyen) + 2) em !important;
    }
}

@media only screen and (min-width: 400px) {
    .error_msg_form {
        font-size: 1em !important;
        text-align: center;
        font-family: Mirza;
    }
    .myHeader {
        font-size: 1.4em !important;
        text-align: center;
        font-family: Mirza;
    }

    .nav_top_name {
        font-size: 0.9em !important;
        /*font-size: 1.3vw !important;*/
    }

    .total_label {
        font-size: 1em !important;
        text-align: right !important;
    }

    .error_message {
        font-family: Scheherazade !important;
        font-size: 1.3em !important;
    }

    .datatables-number {
        font-family: 'Times New Roman' !important;
        font-size: 0.6em !important;
        text-align: right !important;
    }

    .datatablesModal-number {
        font-family: 'Times New Roman' !important;
        font-size: 0.8em !important;
        text-align: right !important;
    }

    .datatables-arabic-right {
        font-family: Mirza-font !important;
        font-size: var(--intial_arabic_small + 0.2) em !important;
        text-align: right !important;
    }

    .datatables-arabic-small {
        font-family: Mirza-font !important;
        font-size: 0.7em !important;
        text-align: right !important;
    }

    .datatablesModal-arabic-right {
        font-family: Mirza-font !important;
        font-size: 0.7em !important;
        text-align: right !important;
    }

    .datatables-nonarabic-right {
        font-family: 'Times New Roman' !important;
        font-size: 0.7em !important;
        text-align: right !important;
    }

    .glow {
        font-size: calc(var(--intial_number_moyen) + 2) em !important;
        color: rgb(0, 0, 0);
        text-align: center;
        animation: glow 1s ease-in-out infinite alternate;
    }

    .neonText {
        font-size: calc(var(--intial_number_moyen) + 2) em !important;
    }
}

@media only screen and (min-width: 600px) {
    .error_msg_form {
        font-size: 1.1em !important;
        text-align: center;
        font-family: Mirza;
    }
    .myHeader {
        font-size: 1.6em !important;
        text-align: center;
        font-family: Mirza;
    }

    .nav_top_name {
        font-size: 1.1em !important;
        /*font-size: 1.3vw !important;*/
    }

    .total_label {
        font-size: 1.1em !important;
        text-align: right !important;
    }

    .error_message {
        font-family: Scheherazade !important;
        font-size: 1.5em !important;
    }

    .datatables-number {
        font-family: 'Times New Roman' !important;
        font-size: 0.6em !important;
        text-align: right !important;
    }

    .datatablesModal-number {
        font-family: 'Times New Roman' !important;
        font-size: 1.1em !important;
        text-align: right !important;
    }

    .datatables-arabic-right {
        font-family: Mirza-font !important;
        font-size: var(--intial_arabic_small + 0.3) em !important;
        text-align: right !important;
    }

    .datatables-arabic-small {
        font-family: Mirza-font !important;
        font-size: 0.8em !important;
        text-align: right !important;
    }

    .datatablesModal-arabic-right {
        font-family: Mirza-font !important;
        font-size: 0.8em !important;
        text-align: right !important;
    }

    .datatables-nonarabic-right {
        font-family: 'Times New Roman' !important;
        font-size: 0.8em !important;
        text-align: right !important;
    }

    .glow {
        font-size: calc(var(--intial_number_moyen) + 2) em !important;
        color: rgb(0, 0, 0);
        text-align: center;
        animation: glow 1s ease-in-out infinite alternate;
    }

    .neonText {
        font-size: calc(var(--intial_number_moyen) + 2) em !important;
    }
}

@media only screen and (min-width: 800px) {
    .error_msg_form {
        font-size: 1.1em !important;
        text-align: center;
        font-family: Mirza;
    }
    .myHeader {
        font-size: 1.8em !important;
        text-align: center;
        font-family: Mirza;
    }

    .nav_top_name {
        font-size: 1.3em !important;
        /*font-size: 1.3vw !important;*/
    }

    .total_label {
        font-size: 1.3em !important;
        text-align: right !important;
    }

    .error_message {
        font-family: Scheherazade !important;
        font-size: 1.6em !important;
    }

    .datatables-number {
        font-family: 'Times New Roman' !important;
        font-size: 0.6em !important;
        text-align: right !important;
    }

    .datatablesModal-number {
        font-family: 'Times New Roman' !important;
        font-size: 1em !important;
        text-align: right !important;
    }

    .datatables-arabic-right {
        font-family: Mirza-font !important;
        font-size: 0.9em !important;
        text-align: right !important;
    }

    .datatables-arabic-small {
        font-family: Mirza-font !important;
        font-size: var(--intial_arabic_small + 0.4) em !important;
        text-align: right !important;
    }

    .datatablesModal-arabic-right {
        font-family: Mirza-font !important;
        font-size: 0.9em !important;
        text-align: right !important;
    }

    .datatables-nonarabic-right {
        font-family: 'Times New Roman' !important;
        font-size: 0.9em !important;
        text-align: right !important;
    }

    .glow {
        font-size: calc(var(--intial_arabic_small) + 2) em !important;
        color: rgb(0, 0, 0);
        text-align: center;
        animation: glow 1s ease-in-out infinite alternate;
    }

    .neonText {
        font-size: calc(var(--intial_number_moyen) + 2) em !important;
    }
}

@media only screen and (min-width: 1000px) {
    .error_msg_form {
        font-size: 1.3em !important;
        text-align: center;
        font-family: Mirza;
    }
    .myHeader {
        font-size: 2em !important;
        text-align: center;
        font-family: Mirza;
    }

    .nav_top_name {
        font-size: 1.5em !important;
        /*font-size: 1.3vw !important;*/
    }

    .total_label {
        font-size: 1.5em !important;
        text-align: right !important;
    }

    .error_message {
        font-family: Scheherazade !important;
        font-size: 1.8em !important;
    }

    .datatables-number {
        font-family: 'Times New Roman' !important;
        font-size: 0.8em !important;
        text-align: right !important;
    }

    .datatablesModal-number {
        font-family: 'Times New Roman' !important;
        font-size: 1.1em !important;
        text-align: right !important;
    }

    .datatables-arabic-right {
        font-family: Mirza-font !important;
        font-size: 1em !important;
        text-align: right !important;
    }

    .datatables-arabic-small {
        font-family: Mirza-font !important;
        font-size: calc(var(--intial_arabic_small) + 0.4) em !important;
        text-align: right !important;
    }

    .datatablesModal-arabic-right {
        font-family: Mirza-font !important;
        font-size: 1em !important;
        text-align: right !important;
    }

    .datatables-nonarabic-right {
        font-family: 'Times New Roman' !important;
        font-size: 1em !important;
    }

    .glow {
        font-size: calc(var(--intial_number_moyen) + 2) em !important;
        color: rgb(0, 0, 0);
        text-align: center;
        animation: glow 1s ease-in-out infinite alternate;
    }

    .neonText {
        font-size: calc(var(--intial_number_moyen) + 2) em !important;
    }
}

@media only screen and (min-width: 1200px) {
    .error_msg_form {
        font-size: 1.4em !important;
        text-align: center;
        font-family: Mirza;
    }
    .nav_top_name {
        font-size: 1.8em !important;
        /*font-size: 1.3vw !important;*/
    }

    .error_message {
        font-family: Scheherazade !important;
        font-size: 2em !important;
    }

    .datatables-number {
        font-family: 'Times New Roman' !important;
        font-size: 1em !important;
        text-align: right !important;
    }

    .datatablesModal-number {
        font-family: 'Times New Roman' !important;
        font-size: 1.2em !important;
        text-align: right !important;
    }

    .datatables-arabic-right {
        font-family: Mirza-font !important;
        font-size: 1.1em !important;
        text-align: right !important;
    }

    .datatables-arabic-small {
        font-family: Mirza-font !important;
        font-size: calc(var(--intial_arabic_small) + 0.5) em !important;
        text-align: right !important;
    }

    .datatablesModal-arabic-right {
        font-family: Mirza-font !important;
        font-size: 1.1em !important;
        text-align: right !important;
    }

    .datatables-nonarabic-right {
        font-family: 'Times New Roman' !important;
        font-size: 1.1em !important;
    }

    .glow {
        font-size: calc(var(--intial_number_moyen) + 2) em !important;
        color: rgb(0, 0, 0);
        text-align: center;
        animation: glow 1s ease-in-out infinite alternate;
    }

    .neonText {
        font-size: calc(var(--intial_number_moyen) + 2) em !important;
    }
}

@media only screen and (min-width: 1400px) {
    .nav_top_name {
        font-size: 1.9em !important;
        /*font-size: 1.3vw !important;*/
    }

    .error_message {
        font-family: Scheherazade !important;
        font-size: 2.1em !important;
    }

    .datatables-number {
        font-family: 'Times New Roman' !important;
        font-size: 1.2em !important;
        text-align: right !important;
    }

    .datatablesModal-number {
        font-family: 'Times New Roman' !important;
        font-size: 1.3em !important;
        text-align: right !important;
    }

    .datatables-arabic-right {
        font-family: Mirza-font !important;
        font-size: 1.2em !important;
        text-align: right !important;
    }

    .datatables-arabic-small {
        font-family: Mirza-font !important;
        font-size: calc(var(--intial_arabic_small) + 0.5) em !important;
        text-align: right !important;
    }

    .datatablesModal-arabic-right {
        font-family: Mirza-font !important;
        font-size: 1.2em !important;
        text-align: right !important;
    }

    .datatables-nonarabic-right {
        font-family: 'Times New Roman' !important;
        font-size: 1.2em !important;
    }

    .glow {
        font-size: calc(var(--intial_arabic_small) + 4.0) em !important;
        color: rgb(0, 0, 0);
        text-align: center;
        animation: glow 1s ease-in-out infinite alternate;
    }

    .neonText {
        font-size: calc(var(--intial_arabic_small) + 2) em !important;
    }
}

@media only screen and (min-width: 1500px) {
    .nav_top_name {
        font-size: 1.9em !important;
        /*font-size: 1.3vw !important;*/
    }

    .error_message {
        font-family: Scheherazade !important;
        font-size: 2.1em !important;
    }

    .datatables-number {
        font-family: 'Times New Roman' !important;
        font-size: 1.2em !important;
        text-align: right !important;
    }

    .datatablesModal-number {
        font-family: 'Times New Roman' !important;
        font-size: 1.3em !important;
        text-align: right !important;
    }

    .datatables-arabic-right {
        font-family: Mirza-font !important;
        font-size: 1.2em !important;
        text-align: right !important;
    }

    .datatables-arabic-small {
        font-family: Mirza-font !important;
        font-size: calc(var(--intial_arabic_small) + 0.5) em !important;
        text-align: right !important;
    }

    .datatablesModal-arabic-right {
        font-family: Mirza-font !important;
        font-size: 1.2em !important;
        text-align: right !important;
    }

    .datatables-nonarabic-right {
        font-family: 'Times New Roman' !important;
        font-size: 1.2em !important;
    }

    .glow {
        font-size: calc(var(--intial_arabic_small) + 3) em !important;
        color: rgb(0, 0, 0);
        text-align: center;
        animation: glow 1s ease-in-out infinite alternate;
    }

    .neonText {
        font-size: calc(var(--intial_arabic_small) + 2) em !important;
    }
}

@media only screen and (min-width: 1600px) {
    .nav_top_name {
        font-size: 1.9em !important;
        /*font-size: 1.3vw !important;*/
    }

    .error_message {
        font-family: Scheherazade !important;
        font-size: 2.1em !important;
    }

    .datatables-number {
        font-family: 'Times New Roman' !important;
        font-size: 1.2em !important;
        text-align: right !important;
    }

    .datatablesModal-number {
        font-family: 'Times New Roman' !important;
        font-size: 1.3em !important;
        text-align: right !important;
    }

    .datatables-arabic-right {
        font-family: Mirza-font !important;
        font-size: 1.2em !important;
        text-align: right !important;
    }

    .datatables-arabic-small {
        font-family: Mirza-font !important;
        font-size: calc(var(--intial_arabic_small) + 0.5) em !important;
        text-align: right !important;
    }

    .datatablesModal-arabic-right {
        font-family: Mirza-font !important;
        font-size: 1.2em !important;
        text-align: right !important;
    }

    .datatables-nonarabic-right {
        font-family: 'Times New Roman' !important;
        font-size: 1.2em !important;
    }

    .glow {
        font-size: var(--intial_arabic_small + 1.1) em !important;
        color: rgb(0, 0, 0);
        text-align: center;
        animation: glow 1s ease-in-out infinite alternate;
    }

    .neonText {
        font-size: calc(var(--intial_arabic_small) + 1.5) em !important;
    }
}

.arabic-text {
    text-align: center;
    font-family: Scheherazade !important;
    font-size: 1.4em !important;
    /*font-size: 1.3vw !important;*/
}

.arabic-text-6 {
    text-align: center;
    font-family: Scheherazade !important;
    font-size: 1.4em !important;
}

.arabic-text-right {
    text-align: right;
    font-family: Scheherazade !important;
    font-size: 1.4em !important;
}

.td-center {
    text-align: center !important;
}

.arabic-text-2 {
    font-family: Scheherazade !important;
    font-size: 2em !important;
}

.arabic-right-1dot7 {
    font-family: Mirza-font !important;
    font-size: 1.4em !important;
    text-align: right !important;
}



.numbers-right-1dot4 {
    font-family: 'Times New Roman' !important;
    font-size: 1.4em !important;
    text-align: right !important;
}

/* DEBUT transition for apprarition des datedebut et datefin*/
.bounce-enter-active {
    animation: bounce-in .5s;
}

.bounce-leave-active {
    animation: bounce-in .5s reverse;
}

@keyframes bounce-in {
    0% {
        transform: scale(0.6);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}

/* FIN transition for apprarition des datedebut et datefin*/

.text-on-pannel {
    background: #fff none repeat scroll 0 0;
    height: auto;
    margin-left: 20px;
    padding: 3px 5px;
    position: absolute;
    margin-top: -27px;
    border: 1px solid #337ab7;
    border-radius: 8px;
}

.panel {
    /* for text on pannel */
    margin-top: 27px !important;
}

.my-second-panel {
    /* for text on pannel */
    margin-top: 40px !important;
}

.panel-body {
    border: 1px solid #337ab7;
    border-radius: 8px;
    padding-top: 5px;
}


/*for non consumed retrait in detailcompte.vue page*/


@-webkit-keyframes glow {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
    }

    to {
        text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
    }
}




/* Flickering animation */
@keyframes flicker {

    25% {

        text-shadow:
            0 0 4px #fff,
            0 0 11px rgb(233, 135, 217),
            0 0 19px rgb(243, 101, 207),
            0 0 40px rgb(219, 78, 208),
            0 0 80px rgb(212, 42, 184),
            0 0 90px rgb(224, 33, 192),
            0 0 100px rgb(223, 24, 180),
            0 0 150px rgb(167, 10, 153);

    }

    0%,
    50% {

        text-shadow:
            0 0 4px rgb(167, 10, 153),
            0 0 11px rgb(223, 24, 180),
            0 0 19px rgb(224, 33, 192),
            0 0 40px rgb(212, 42, 184),
            0 0 80px rgb(219, 78, 208),
            0 0 90px rgb(243, 101, 207),
            0 0 100px rgb(233, 135, 217),
            0 0 150px #fff;
    }

    75% {

        text-shadow:
            0 0 4px rgb(179, 59, 169),
            0 0 11px rgb(204, 100, 181),
            0 0 19px rgb(233, 129, 215),
            0 0 40px rgb(233, 157, 220),
            0 0 80px rgb(243, 193, 239),
            0 0 90px rgb(238, 209, 231),
            0 0 100px rgb(245, 231, 242),
            0 0 150px #fff;
    }
}

/* DangerFlickering animation */
@keyframes dangerFlicker {

    25% {

        text-shadow:
            0 0 4px #fff,
            0 0 11px rgb(240, 129, 129),
            0 0 19px rgb(243, 101, 101),
            0 0 40px rgb(219, 78, 78),
            0 0 80px rgb(212, 42, 42),
            0 0 90px rgb(224, 33, 33),
            0 0 100px rgb(223, 24, 24),
            0 0 150px rgb(167, 10, 10);

    }

    0%,
    50% {

        text-shadow:
            0 0 4px rgb(167, 10, 10),
            0 0 11px rgb(223, 24, 24),
            0 0 19px rgb(224, 33, 33),
            0 0 40px rgb(212, 42, 42),
            0 0 80px rgb(219, 78, 78),
            0 0 90px rgb(243, 101, 101),
            0 0 100px rgb(233, 135, 135),
            0 0 150px #fff;
    }

    75% {

        text-shadow:
            0 0 4px rgb(179, 59, 59),
            0 0 11px rgb(204, 100, 100),
            0 0 19px rgb(233, 129, 129),
            0 0 40px rgb(233, 157, 157),
            0 0 80px rgb(243, 193, 193),
            0 0 90px rgb(238, 209, 209),
            0 0 100px rgb(245, 231, 231),
            0 0 150px #fff;
    }
}