xxxxxxxxxx1
2
<html lang="en">3
<head>4
<meta charset="UTF-8" />5
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>6
<title>Dynamic Matrix Clock</title>7
<link href="https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap" rel="stylesheet"/>8
<style>9
body {10
background-color: #000;11
color: #cc3333;12
font-family: 'Share Tech Mono', monospace;13
font-size: 8vw;14
text-align: center;15
display: flex;16
justify-content: center;17
align-items: center;18
flex-direction: column;19
height: 100vh;20
margin: 0;21
overflow: hidden;22
}23
24
#date, #day {25
font-size: 4vw;26
text-shadow: 0 0 2px #cc3333, 0 0 4px #990000;27
}