body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none} h1, h2, h3 { font-weight: normal; } amp-story-page { background-color: #131516; } amp-story-grid-layer { overflow: visible; } @media (max-aspect-ratio: 9 / 16) { @media (min-aspect-ratio: 320 / 678) { amp-story-grid-layer.grid-layer { margin-top: calc((100% / 0.5625 - 100% / 0.6666666666666666) / 2); } } } @media not all and (min-resolution:.001dpcm) { @media { p.text-wrapper > span { font-size: calc(100% - 0.5px); } } } .page-fullbleed-area, .page-background-overlay-area { position: absolute; overflow: hidden; width: 100%; left: 0; height: calc(1.1851851851851851 * 100%); top: calc((1 - 1.1851851851851851) * 100% / 2); } .element-overlay-area { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .page-safe-area { overflow: visible; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: calc(0.84375 * 100%); margin: auto 0; } .mask { position: absolute; overflow: hidden; } .fill { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; } @media (prefers-reduced-motion: no-preference) { .animation-wrapper { opacity: var(--initial-opacity); transform: var(--initial-transform); } } amp-story-grid-layer.align-bottom { align-content: end; padding: 0; /* AMP CTA Layer will exactly occupy 74px regardless of any device. To space out captions 74px from the BOTTOM (AMP CTA Layer), 74px from the TOP should also be spaced out and thus: 2 * 74px will be the desired max-height. */ max-height: calc(100vh - (2 * 74px)); } .captions-area { padding: 0 32px 0; } amp-story-captions { margin-bottom: 16px; text-align: center; } Crochet Raffia Bag

CrochetĀ  BAg

[{"selector":"#anim-55bec4e4-0b67-4da5-82ce-48f1aec40e91","keyframes":{"transform":["scale(2)","scale(1)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.23, 1, 0.32, 1)","fill":"forwards","iterations":1}][{"selector":"#anim-cbbc0df8-7421-4268-a1b2-a9d8bb4a11e5","keyframes":{"transform":["translate3d(-35px, 160px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"direction":"normal","duration":1000,"easing":"cubic-bezier(0.445, 0.05, 0.55, 0.95)","fill":"forwards","iterations":1}][{"selector":"#anim-6d257cce-be82-48c0-ae18-b9cd3568f991","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}][{"selector":"#anim-920790de-f9b2-4583-9deb-845a3bed0267","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}][{"selector":"#anim-711dedbc-fae6-42cf-9b46-f25638b88b9e","keyframes":{"transform":["translate3d(-104.85175%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Hooked on crochet? Fall in love with irresistible crochet bag.

Burst with Arrow
[{"selector":"#anim-928c7902-3fab-41d6-8c3d-d495d3a992b1","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}][{"selector":"#anim-82879cf1-c212-4be6-935a-24212d3911f8","keyframes":{"transform":["rotate(90deg) translate3d(-60.02825%, 0px, 0) rotate(-90deg)","rotate(90deg) translate3d(0px, 0px, 0) rotate(-90deg)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Get The hook