#header-container{background:linear-gradient(120deg,var(--color2),var(--color3));box-shadow:0 .4rem .6rem -.4rem var(--color3);background-size:200% 200%;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.5rem;display:flex}@media (prefers-reduced-motion:no-preference){#header-container{animation:12s ease-in-out infinite alternate header-background}}@keyframes header-background{0%{background-position:0%}to{background-position:100%}}.site-title{letter-spacing:.02em;margin:0;font-size:3rem;line-height:1.1}@media (max-width:600px){#header-container{padding:1.5rem 1rem}.site-title{font-size:2rem}}