Files
website/style.css
2025-08-03 15:06:00 -07:00

107 lines
1.6 KiB
CSS

@keyframes spinner-a {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes spinner-b {
from {
transform: rotate(0deg);
}
to {
transform: rotate(180deg);
}
}
#path1-3 {
transform-origin: 50% 50%;
animation-duration: 2s;
animation-name: spinner-a;
animation-timing-function: ease-in-out;
animation-direction: alternate;
animation-iteration-count: infinite;
}
#path1-4 {
transform-origin: 50% 50%;
animation-duration: 1.1s;
animation-name: spinner-b;
animation-timing-function: ease-in-out;
animation-direction: alternate;
animation-iteration-count: infinite;
}
#spinner-container {
width: 64px;
height: 64px;
}
#overlay {
background: #88888888;
display: flex;
align-items: center;
justify-content: center;
display: none;
}
#content {
max-width: 512px;
}
h2,
h3 {
margin-top: 16px;
margin-bottom: 0;
}
p {
margin-top: 0;
margin-bottom: 16px;
}
.centerer {
display: flex;
justify-content: center;
align-items: center;
}
.subtitle {
font-size: 16px;
color: grey;
margin-top: 0;
margin-left: 8px;
}
.relative {
position: relative;
}
.absolute-fill {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#title-1 {
background-image: url(lulu.webp);
background-size: 60%;
background-position: 100% 35%;
color: #ffffff;
}
#title-1 * {
margin: 0;
padding: 16px;
background: #000000;
width: max-content;
}
body {
margin: 8px;
}