*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }
 @media screen and (max-width: 40em) {
body { font-size: 80%; }
.codrops-header h1 { font-size: 2.5em; }
.codrops-demos { max-width: 900px; padding: 2em 2em 0; }
.related > a { margin: 20px 0; }
}
 @media screen and (max-width: 25em) {
.codrops-icon { font-size: 250%; }
.codrops-icon span { display: none; }
}