.codrops-header{margin:0 auto;padding:3em 2em;text-align:center}.codrops-header h1{margin:0 auto;font-weight:800;font-size:3.75em;line-height:1}.codrops-header h1 span{display:block;font-size:50%;font-weight:400;padding-top:.325em}.codrops-links{text-transform:uppercase;font-weight:700;font-size:.69em;line-height:2.2;padding:1.61em 5em}.codrops-links a{display:inline-block;padding:0 1em;text-decoration:none;letter-spacing:1px}.codrops-icon:before{margin:0 4px;text-transform:none;font-weight:400;font-style:normal;font-variant:normal;font-family:codropsicons;line-height:1;speak:none;-webkit-font-smoothing:antialiased}.codrops-icon-drop:before{content:"\e001"}.codrops-icon-prev:before{content:"\e004"}.codrops-demos{font-size:1em;max-width:1200px;margin:3em auto 5em;padding:2em 10em 0}.codrops-demos>a{display:inline-block;margin:.75em;padding:1.35em 1.1em;width:15em;background:#fffce1;outline:0;text-decoration:none;text-transform:uppercase;letter-spacing:1px;font-weight:800;border-radius:20px/50px}.codrops-demos>a.current-demo{background:#c94e50;color:#fffce1}.related{margin-top:5em;padding:0 3em 5em}.related p{font-size:1.5em;font-weight:700}.related>a{display:inline-block;text-align:center;margin:20px 10px;padding:25px;border-radius:35px/200px;background:#fffce1;max-width:100%}.related a img{max-width:100%;opacity:.8;border-radius:20px/100px}.related a:active img,.related a:hover img{opacity:1}.related a h3{margin:0;padding:.5em .75em .3em;max-width:300px;text-align:left}body #cdawrap{top:auto;bottom:35px;right:35px;background:#b4bad2;border:1px solid rgba(131,135,151,.6)}.demo-wave body #cdawrap{top:35px;right:35px;bottom:auto}@media screen and (max-width:40em){.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}}