xxxxxxxxxx
1
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
}