*{box-sizing:border-box}body{background:#fff;padding:1.6em 4em}code{display:block}body[dims]{border-color:green}img{max-width:100%}.w3-jumbo{line-height:1;margin-bottom:2.2rem}.hide{display:none!important;visibility:none!important;opacity:0!important}.text-center{text-align:center}.test{color:gray}li{display:block;min-height:1rem}li a{display:block;min-height:1rem}[class*="example-"]{border:solid 2px #369;color:#20a2a2;margin-bottom:2.2em}.draw{padding:1.6em;font-size:.9em;font-family:monospace;border-style:solid;border-width:2px}header{border-color:#ff505033}footer{border-color:#cc339933}nav{border-color:#d6407833}section{border-color:#fdc72f33}aside{border-color:#33cc8033}article{border-color:#fdc72f33}.example-001 .column{float:left;padding:1em;min-height:200px;width:100%}.example-001 .row{display:block}.example-001 .row:after{content:'';display:table;clear:both}@media screen and (min-width:600px){.example-001 .column{width:33%}}.example-002.row,.example-002 .row{display:flex;flex-direction:column}.example-002 .column{padding:1em;flex:1}@media screen and (min-width:600px){.example-002.row,.example-002 .row{flex-direction:row}}.example-003,.grid-container{display:grid;grid-template-areas:'header header header' 'left left left' 'middle middle middle' 'right right right' 'footer footer footer'}.example-003 .header,.grid-container .header{grid-area:header}.example-003 .left,.grid-container .left{grid-area:left}.example-003 .middle,.grid-container .middle{grid-area:middle}.example-003 .right,.grid-container .right{grid-area:right}.example-003 .footer,.grid-container .footer{grid-area:footer}@media (min-width:600px){.example-003,.grid-container{grid-template-areas:'header header header' 'left middle right' 'footer footer footer'}}[cr-bubble] *{grid-gap:8px!important}.testera:last-child{content:''!important;border:solid 100px red!important;clear:both!important;display:flex!important;z-index:1000!important;position:relative!important;background:red!important;padding:5em!important}