@keyframes flicker { from { background: #1d242e; transform: translateX(calc(@sin(@i / 8) * π * 40px)); } to { background: #cfd5e2; transform: translateX(calc(@sin(@i / 4) * π * 20px)); } } :container { background: #1d242e; width: 100vw; margin: auto; position:absolute; left: 0px; right:0px; } @grid: 100x100 / 100vw, 100vh; @size: 1% @rand(1%,5%); border-radius:20px; margin: auto; justify-self: center; opacity: calc(1 - @i / @size + 0.2); background: #cfd5e2; animation: flicker 10s ease-in-out 1 alternate forwards;
zaneSchaffer = { location : 'highland park, ca', time : , email : '[email protected]', work : [ 'soundcloud', 'spotify', 'instagram' ] };