#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;width:100%}#app.has-image{padding-top:75%}#app iframe{width:96vw;height:66vw;position:fixed;top:0;left:0;z-index:1;padding:1% 2%;background:#fff}#app #controls{width:100%}#app button{display:block;color:#000;width:100%;border:1px solid #000;padding:50px 28px;font-size:16px;cursor:pointer;text-align:center}#app button.active{border:6px solid #000;color:#000;font-weight:700}button.rain,button.rainbow,button.stack,button.xmas{background-color:#fff;font-size:25px;font-weight:700}button.rain,button.rainbow span,button.stack span,button.xmas{background-color:#fff;display:inline-block;padding:0 10px}.red{background-color:red}.blue{background-color:#00f}.green{background-color:green}.yellow{background-color:#ff0}.magenta{background-color:#f0f}.cyan{background-color:#0ff}.orange{background-color:orange}.red-font{color:red}.blue-font{color:#00f}.green-font{color:green}.yellow-font{color:#ff0}.magenta-font{color:#f0f}.cyan-font{color:#0ff}.orange-font{color:orange}#color-picker{width:50%;margin:90px 0}