1@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;500;700;900&display=swap');
2@font-face {
3 font-family: 'Neonize';
4 src: url('./assets/Neonize.woff2') format('woff2'),
5 url('./assets/Neonize.woff') format('woff');
6 font-weight: normal;
7 font-style: normal;
8 font-display: swap;
9}
10@font-face {
11 font-family: 'digital display tfb';
12 src: url('./assets/digitaldisplaytfb.woff2') format('woff2'),
13 url('./assets/digitaldisplaytfb.woff') format('woff');
14 font-weight: normal;
15 font-style: normal;
16 font-display: swap;
17}
18
19::-webkit-scrollbar {
20 width: 10px;
21}
22
23::-webkit-scrollbar-track-piece {
24 background-color: #393939;
25}
26
27::-webkit-scrollbar-thumb {
28 background-color: #FFFFFF;
29}
30
31html {
32 scrollbar-color: #ffffff #393939;
33 scrollbar-width: thin;
34}
35
36body {
37 position: relative;
38 margin: 0;
39 font-family: "Source Sans Pro";
40 color: white;
41 background:#000000;
42 font-weight: 200;
43 text-shadow: 0px 0px 5px black;
44 width: 100vw;
45 height: 100vh;
46}
47#container {
48 position: relative;
49 width: 100%;
50 height: 100vh;
51 overflow: hidden;
52}
53#clock{
54 position: absolute;
55 top:64px;
56 left:64px;
57 font-family: "Neonize";
58 font-size: 128px;
59}
60#clock-date{
61 font-family: 'digital display tfb';
62 font-size: 48px;
63}
64#home-link{
65position: absolute;
66top: 40px;
67right: 40px;
68}
69#home-link-a{
70 color: white;
71 text-decoration: none;
72font-size: 32px;
73font-weight: 400;
74}
75#home-icon{
76 width: 32px;
77 height: 32px;
78}