New Year countdown
https://kj7rrv.com/new-year
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 lines
1.0 KiB
68 lines
1.0 KiB
@font-face { |
|
font-family: "DSEG"; |
|
src: url(DSEG14ClassicMini-Regular.woff); |
|
} |
|
|
|
body { |
|
background-color: #000; |
|
text-align: center; |
|
margin: 0 !important; |
|
padding: 0 !important; |
|
font-family: DSEG; |
|
color: #0F0 |
|
} |
|
|
|
div#container { |
|
display: flex; |
|
flex-flow: column; |
|
height: 100vh; |
|
} |
|
|
|
h1 { |
|
font-size: 32pt; |
|
flex: 0 1 auto; |
|
margin-bottom: 0; |
|
} |
|
|
|
div#countdownbox { |
|
font-size: 20pt; |
|
flex: 1 1 auto; |
|
overflow: hidden; |
|
align-items: center; |
|
justify-content: center; |
|
display: flex; |
|
} |
|
|
|
p#countdown { |
|
margin-top: 0; |
|
margin-bottom: 0; |
|
margin-left: 10px; |
|
margin-right: 10px; |
|
} |
|
|
|
div#creditbox { |
|
font-size: 8pt; |
|
padding-left: 4px; |
|
padding-right: 4px; |
|
flex: 0 1 auto; |
|
z-index: 200; |
|
} |
|
|
|
div#creditbox p.credits { |
|
margin-top: 2px; |
|
margin-bottom: 2px; |
|
font-family: sans-serif; |
|
} |
|
|
|
div#creditbox p.credits a { |
|
color: #0F8; |
|
} |
|
|
|
div#firepops { |
|
position: absolute; |
|
top: 0px; |
|
left: 0px; |
|
height: 100vh; |
|
width: 100vw; |
|
z-index: 100; |
|
}
|
|
|