mirror of
https://codeberg.org/vlw/still-alive.git
synced 2025-09-14 00:13:41 +02:00
Victor Westerlund
601c7d3dd2
Everything is cued up and good to go. Now comes the fun part of syncing the lyrics with the song
61 lines
No EOL
1 KiB
CSS
Executable file
61 lines
No EOL
1 KiB
CSS
Executable file
:root {
|
|
--color-background: 0,0,0;
|
|
--color-contrast: 255,255,255;
|
|
--color-accent: 255,212,0;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
margin: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: rgb(var(--color-background));
|
|
color: rgba(var(--color-contrast));
|
|
font-family: "Courier New", Courier, monospace;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: inherit;
|
|
}
|
|
|
|
#play {
|
|
display: inline-block;
|
|
background-color: rgb(var(--color-contrast));
|
|
color: rgba(var(--color-background));
|
|
padding: 20px;
|
|
font-size: 18px;
|
|
}
|
|
|
|
footer {
|
|
position: fixed;
|
|
box-sizing: border-box;
|
|
padding: 0 20px;
|
|
left: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
@media (pointer: fine) {
|
|
#play:not(.unsupported) {
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
@media (hover: hover) {
|
|
#play:not(.unsupported) {
|
|
transition: 100ms background-color,100ms color;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#play:not(.unsupported):hover {
|
|
background-color: rgba(var(--color-contrast),.15);
|
|
color: rgb(var(--color-contrast));
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
} |