emmas.place/src/components/Footer.astro
2025-03-11 23:37:13 -04:00

34 lines
811 B
Plaintext

---
const backgroundColor = "#E0D1ED";
const backgroundColorNightMode = "#240046";
---
<footer>
<span>
made with love and tender care by emma. get in <a href="/site/contact">touch</a>
</span>
</footer>
<style define:vars={{backgroundColor, backgroundColorNightMode}}>
footer {
background-color: var(--backgroundColor);
grid-row: 3/4;
grid-column: 1/3;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 0.75rem;
height: 10vh;
width: 100vw;
font-family: system-ui;
font-size: 1.3rem;
letter-spacing: 0.05rem;
}
@media (prefers-color-scheme: dark) {
footer {
background-color: var(--backgroundColorNightMode);
}
}
</style>