2cd6f70b99
- Migrated main site, blog, CV, and music sections to Astro - Component-based architecture with layouts - JSON-based blog posts - Static site generation - Preserved original styling and functionality
31 lines
646 B
CSS
31 lines
646 B
CSS
/* ===== Glitch Bard Component ===== */
|
|
.bard {
|
|
margin: 0 auto 30px;
|
|
width: 100%;
|
|
max-width: 65em;
|
|
height: auto;
|
|
aspect-ratio: 1 / 0.95;
|
|
font-size: 2px;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.strip {
|
|
overflow: hidden;
|
|
position: relative;
|
|
animation-iteration-count: infinite;
|
|
animation-direction: alternate;
|
|
animation-timing-function: linear;
|
|
image-rendering: pixelated;
|
|
image-rendering: -moz-crisp-edges;
|
|
image-rendering: crisp-edges;
|
|
background-size: 100% auto;
|
|
background-image: url('/src/img/bard.png');
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.bard { font-size: 3px; }
|
|
}
|
|
@media (max-width: 400px) {
|
|
.bard { aspect-ratio: 1 / 1; }
|
|
}
|