yequari.com/static/css/winter.css

114 lines
1.4 KiB
CSS
Raw Permalink Normal View History

2024-01-03 18:32:45 +00:00
@keyframes fall {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
2024-01-07 22:38:00 +00:00
top: 150vh;
2024-01-03 18:32:45 +00:00
opacity: 1;
}
}
@keyframes sway {
0% {
margin-left: 0;
}
25% {
margin-left: 50px;
}
50% {
margin-left: -50px;
}
75% {
margin-left: 50px;
}
100% {
margin-left: 0;
}
}
#winter {
2024-01-07 22:38:00 +00:00
z-index: 1;
height: 150vh;
2024-01-03 18:32:45 +00:00
overflow: hidden;
position: absolute;
top: 0;
transition: opacity 500ms;
width: 100%;
2024-01-07 22:38:00 +00:00
pointer-events: none;
2024-01-03 18:32:45 +00:00
}
.snow {
animation: fall ease-in infinite, sway ease-in-out infinite;
2024-01-07 22:38:00 +00:00
color: white;
2024-01-03 18:32:45 +00:00
position: absolute;
}
2024-01-07 22:38:00 +00:00
body {
background: #241e1e;
}
main {
font-size: 16px;
max-width: 1250px;
margin: 0 auto;
background-color: #ffb380;
font-family: 'Krub', sans-serif;
}
header {
height: 200px;
2024-01-07 22:46:53 +00:00
background-image: url('/images/blog/desert.png');
2024-01-07 22:38:00 +00:00
}
footer {
max-width: 750px;
margin: 0 auto;
}
h1 {
font-size: 1.8rem;
}
a:link, a:visited {
color: #C03221;
text-decoration: none;
}
a:hover, a:active {
text-decoration: underline;
}
2024-01-03 18:32:45 +00:00
.content {
max-width: 750px;
2024-01-03 18:32:45 +00:00
margin: 0 auto;
2024-01-07 22:38:00 +00:00
padding-bottom: 30px;
}
.content p {
2024-01-07 22:38:00 +00:00
z-index: 2;
line-height: 1.7em;
2024-01-07 22:38:00 +00:00
font-size: 1.1rem;
2024-01-03 18:32:45 +00:00
}
2024-01-11 00:05:55 +00:00
p img {
display: block;
margin: 0 auto;
width: fit-content;
}
2024-01-03 18:32:45 +00:00
.context {
font-style: italic;
}
2024-01-11 00:05:55 +00:00
.send-webmention {
margin: 0 auto;
max-width: fit-content;
border: 1px dotted var(--primary-text);
padding: 25px 0;
}