forked from HoloTech/twitch-subathon-timer
37 lines
582 B
CSS
37 lines
582 B
CSS
:root {
|
|
--time-color: #453960;
|
|
--details-color: #403060;
|
|
--background-color: transparent;
|
|
}
|
|
|
|
html, body {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: 'VT323', sans-serif;
|
|
background-color: var(--background-color);
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
.timer-box {
|
|
height: 175px;
|
|
width: 397px;
|
|
padding: 5px;
|
|
}
|
|
|
|
.timer-time {
|
|
font-size: clamp(6rem, 22vw, 16rem);
|
|
font-weight: 400;
|
|
color: var(--time-color);
|
|
line-height: 1;
|
|
}
|
|
|
|
.timer-details {
|
|
display: fill;
|
|
font-weight: 600;
|
|
color: var(--details-color);
|
|
font-size: 16px;
|
|
overflow-wrap: break-word;
|
|
}
|