/* your styles go here */
.fixed-counter {
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
    height: auto;
}

.scroll-btn::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid white; /* Arrow color */
    margin-top: 5px; /* Optional: Adjust the position */
}

/* easter_eggs */
.popup {
    position: absolute;
    top: 50%;
    left: -100%; /* Start off-screen to the left */
    transform: translateY(-50%);
    white-space: nowrap; /* Prevent line breaks */
    animation: slideIn 20s linear infinite; /* Adjust duration to slow down */
    z-index: 9999; /* Ensure popups are on top */
    background-color: rgba(0, 0, 0, 0.5); /* Add a semi-transparent background color */
    color: white; /* Optional: Set text color for better readability */
    padding: 10px; /* Optional: Add some padding */
    border-radius: 5px; /* Optional: Add rounded corners */
}

@keyframes slideIn {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

@media (orientation: portrait) {
    .hero-bg-video { display: none !important; }
    .hero-bg-black { display: block !important; }
}

@media (orientation: landscape) {
    .hero-bg-video { display: block !important; }
    .hero-bg-black { display: none !important; }
}