/* identiverse.css */
#video-container canvas {
    position: absolute;
    /* top: 0;
    left: 0; */
    /* aspect-ratio: 0.5; */
    /* width: 650px;
    height: 650px; */
    pointer-events: none;
    /* Allows clicks to pass through to the video */
}

/* Simulated fullscreen styles */
.simulated-fullscreen {
    position: fixed;
    /* Fixed positioning to cover the screen */
    top: 0;
    left: 0;
    width: 100vw;
    /* Full viewport width */
    height: 100vh;
    /* Full viewport height */
    z-index: 9999;
    /* High z-index to ensure it is on top */
    background: black;
    pointer-events: none;
}

.simulated-fullscreen video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.simulated-fullscreen canvas {
    width: 650px;
    height: 650px;
}

/* animation.js related */
#animation-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* font-size: 328px; */
    /* You can adjust this size as needed */
    color: rgba(255, 255, 255, 0.7);
    /* Off-white color with 30-50% opacity */
    z-index: 10;
    pointer-events: none;
    margin-top: 100px;
    /* accounts for negative margins around the page, e.g., the icon */
    /* Makes sure the countdown doesn't interfere with video interactions */
}

/* #countdown.active {
    animation: countdown 1s linear;
} */