.x3rt-box {
  font-family: monospace;
  font-size: 1em;
  font-weight: bold;
  display: block;
  text-align: center;
  min-width: 5ch;
  overflow: hidden;
  white-space: nowrap;
}

.x3rt-word {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 1.2em;
  position: relative;
}

.x3rt-step {
  position: absolute;
  opacity: 0;
  animation: x3rt-fadeStep 6s infinite;
  display: flex; /* Added display flex to keep letters in line*/
}

.x3rt-step1 { animation-delay: 0s; }
.x3rt-step2 { animation-delay: 1s; }
.x3rt-step3 { animation-delay: 2s; }
.x3rt-step4 { animation-delay: 3s; }
.x3rt-step5 { animation-delay: 4s; }
.x3rt-step6 { animation-delay: 5s; }

.x3rt-red {
  color: red;
}

.x3rt-green {
  color: green;
  transition: color 0.5s ease-in-out;
}

/* Fade between steps */
@keyframes x3rt-fadeStep {
  0%, 16.6% { opacity: 1; }
  33.3% { opacity: 0; }
}

.sidebarmenu li.current-page-item {
    border-left: 3px solid #007bff;
    color: #fff;
}