a,abbr,acronym,address,article,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,img,ins,kbd,label,legend,li,mark,menu,nav,ol,output,p,pre,q,ruby,s,samp,section,small,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{cursor:pointer;-webkit-appearance:none;border-radius:0;background-color:transparent;border:0;padding:0}button,html,input,select,textarea{color:#222}body{font-size:1em;line-height:1.4;overflow:hidden;margin:0;padding:0;height:100%;background:#f8f8f9}.waveform{border-radius:100px;width:100px;height:100px;text-indent:-9999px}.oscillator{background:url(510a809a1831dc33159637bf9030db83.png) 50% no-repeat;background-size:50% 50%;background-color:#ea4c29;cursor:pointer;transition:box-shadow .2s ease-in-out;box-shadow:0 0 0 #ea4c29}.oscillator:hover{box-shadow:0 0 10px #ea4c29}.oscillator2{background:url(510a809a1831dc33159637bf9030db83.png) 50% no-repeat;background-size:50% 50%;background-color:#4dc443;cursor:pointer;transition:box-shadow .2s ease-in-out;box-shadow:0 0 0 #4dc443}.oscillator2:hover{box-shadow:0 0 10px #4dc443}.oscillator3{background:url(510a809a1831dc33159637bf9030db83.png) 50% no-repeat;background-size:50% 50%;background-color:#6aa5e9;cursor:pointer;transition:box-shadow .2s ease-in-out;box-shadow:0 0 0 #6aa5e9}.oscillator3:hover{box-shadow:0 0 10px #6aa5e9}[data-bg=sawtooth_bg]{background-image:url(510a809a1831dc33159637bf9030db83.png)}[data-bg=square_bg]{background-image:url(e524fa6a00ba780ae953ad5c67203832.png)}[data-bg=sine_bg]{background-image:url(d16570109f41ec6fc0f0905b2b5bce8c.png)}.settings{float:right;padding-right:20px;width:140px;position:relative;z-index:3}.waveshapes{margin-top:20px;border-radius:20px 0 0 20px;padding:10px 3px 10px 10px}.h1-logo{background:url(e824d4ad4acc0096c65bd0fcb263c5e7.png);text-indent:-9999px;width:200px;height:83px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.08}button{background-color:#c0c2c8}.waveshapes button{margin:5px 0 0 5px;padding:6px 10px;border:none;color:#fff;float:left;font-size:.8em;border-radius:30px;background-repeat:no-repeat;background-position:50%;text-indent:-9999px;display:block;height:30px;width:30px}.osc1-mod button,.osc2-mod button,.osc3-mod button{background-color:#c0c2c8}.osc1-mod button.js-selected{background-color:#ea4c29}.osc2-mod button.js-selected{background-color:#4dc443}.osc3-mod button.js-selected{background-color:#6aa5e9}.sine{background-image:url(51667834d6d472bdcbf2fbac0ff4e212.png)}.echo-0.js-selected,.echo-1.js-selected,.echo-2.js-selected{background-color:#f9f237}.sawtooth{background-image:url(1c3c1bfb89796ae5a857357ae6a56b82.png)}.square{background-image:url(577457624cdc3e8957123f45c60cc7f7.png)}h2{font-family:helvetica,arial,sans-serif;font-size:.85em;color:#7f8c8d;margin:0 3px 0 0;font-weight:400}.shaping h2{margin-top:8px}footer{position:absolute;bottom:10px;right:10px;font-family:helvetica,arial,sans-serif;font-size:.7em}a,footer{color:#7f8c8d}.echo-1{background-image:url(a979f4e462d65326ceea090158d17f38.png)}.echo-2{background-image:url(f2ee4478389292a790943604ea0df290.png)}.group:after{content:"";display:table;clear:both}.js-start{background:hsla(0,0%,78.4%,.8);position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:4}.js-start span{background-color:#666;padding:10px;max-width:240px;display:block;margin-left:auto;margin-right:auto;border-radius:10px;line-height:1.3;color:#fff}