<!DOCTYPE html>
<title>
    CSS Gap Decorations: flex gaps are painted when container scrolls.
</title>
<link rel="help" href="https://drafts.csswg.org/css-gaps-1/">
<link rel="match" href="flex-gap-decorations-020-ref.html">
<link rel="author" title="Javier Contreras" href="mailto:javiercon@microsoft.com">
<style>
    body {
        margin: 0px;
    }
    .flex-container {
        position: absolute;
        top: 0;
        left: 0;
        height: 110px;
        width: 110px;
        display: flex;
      