:root {
    --ACCENT1:  #6b0d0d;
  }
body {
    text-align: center;
    color: white;
    background-color: #2b2c2c;
}
div {
    text-align: center;
    margin:auto;
}
.bottom_border {
    border-bottom: solid;
    border-color: var(--ACCENT1);
}

pre code {
    width: min-content;
    margin: auto;
    text-align: left;
    color: green;
    background-color: rgb(0, 0, 0);
    border: 2px solid var(--ACCENT1);
    display: block;
    padding: 5px;
  }
ul { 
    display: inline-block; 
    text-align: left; 
}
.button_mod {
    margin-top: 5px;
    background-color: var(--ACCENT1);
    border-color: var(--ACCENT1);
    margin-top: 2px;
}
.smaller {
    width: 80%;
}

.feeder_count {
    font-size: 20px; /* Increase the font size */
    color: #ff6347; /* Change the text color */
    transition: all 0.5s ease; /* Add a transition effect */
    transform-origin: center center; /* Ensures scaling happens at the center of the element */

}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}


.feeder_count.updated {
    animation: pulse 0.5s;
    color: white; /* Change the text color when updated */
}