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; } .captions-area { padding: 0 32px 0; } amp-story-captions { margin-bottom: 16px; text-align: center; } amp-story-captions span { display: inline-block; margin: 0; padding: 6px 12px; vertical-align: middle; border-radius: 15px; background: rgba(11, 11, 11, 0.6); color: rgba(255, 255, 255, 1); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; font-size: calc(4 * var(--story-page-vw)); line-height: 1.4; word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; }
Drawn Butter vs. Clarified Butter
Homemade Butter Recipe
Learn more
Homemade Butter Recipe
Learn more
heated and separated from the milk solids
Learn more
clear golden liquid
Learn more
drawn butter
Learn more
melted butter that still contains milk solidss
Learn more
Find out how easy it is to make your own butter!
Learn more