Simplicate

* { margin: 0; box-sizing: border-box; } @font-face { font-family: "Work Sans Regular"; src: local("work-sans-400"), url("https://assets.simplicateapp.com/fonts/work-sans-400.woff2") format("woff2"); } .no-script { font-family: "Work Sans Regular", sans-serif; background-color: #fafafa; display: grid; place-items: center; padding: 2rem; min-height: 100dvh; font-size: 0.875rem; line-height: 1.7; } .card-noscript { background-color: white; border-radius: 0.25rem; padding-inline: 1rem; padding-bottom: 1.25rem; max-width: 24rem; display: flex; flex-direction: column; gap: 1rem; box-shadow: 0 1px .25rem rgba(0, 0, 0, 0.2); } svg { --size: 7.5rem; width: var(--size); height: var(--size); margin-inline: auto; margin-top: calc(-1 * var(--size) / 2); } svg:focus { animation: 2s spin ease-out forwards; outline: none; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(1800deg); } }

Javascript is uitgeschakeld in je browser.

Schakel Javascript in om gebruik te kunnen maken van Simplicate.