<script>
let cols = 50;
let n = 800;
let rows = Math.ceil(n / cols);
</script>
<style>
@property --t {
syntax: "<integer>";
initial-value: 0;
inherits: true
}
@keyframes tick {
from { --t: 0 }
to { --t: 86400000 }
}
:global(body) {
background: black;
display: grid;
place-items: center;
animation: tick 86400000ms linear infinite
}
main {
display: grid;
grid-template-columns: repeat(var(--cols), 1fr);
gap: 0px 6px;
font-size: 10px;
font-family: monospace;
}
div {
/* first offsetting x, then making it absolute */