body{margin:0;font-family:Arial;background:#fff}
.topbar{text-align:center;padding:24px}
.tagline{letter-spacing:4px;font-size:12px}
.welcome{text-align:center;padding:24px;font-size:26px;color:#8b2c3d}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.tile{height:45vh;animation:shift 12s linear infinite;background-size:400% 400%}
.tile.a{background-image:linear-gradient(120deg,#ff9a9e,#fad0c4)}
.tile.b{background-image:linear-gradient(120deg,#a18cd1,#fbc2eb)}
.tile.c{background-image:linear-gradient(120deg,#fad0c4,#ffd1ff)}
.tile.d{background-image:linear-gradient(120deg,#ffecd2,#fcb69f)}
.tile.e{background-image:linear-gradient(120deg,#f6d365,#fda085)}
.tile.f{background-image:linear-gradient(120deg,#f093fb,#f5576c)}
.tile.g{background-image:linear-gradient(120deg,#5ee7df,#b490ca)}
.tile.h{background-image:linear-gradient(120deg,#cfd9df,#e2ebf0)}
@keyframes shift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
footer{background:#111;color:#fff;text-align:center;padding:24px}