body{background:#ccbb94}#app{font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;margin:20px 5px 40px;text-align:center}h1[data-v-5e6c9060],h2[data-v-5e6c9060]{font-weight:400}ul[data-v-5e6c9060]{list-style-type:none;padding:0}li[data-v-5e6c9060]{display:inline-block;margin:0 10px}a[data-v-5e6c9060]{color:#42b983}h1[data-v-1e6590ee],h2[data-v-1e6590ee]{font-weight:400}h1[data-v-1e6590ee]{display:inline-block;padding:.25em .5em}@media screen and (min-width:1200px){h1[data-v-1e6590ee]{font-size:3em;margin-bottom:.25em}}.beatbox[data-v-1e6590ee]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;list-style-type:none;padding:0}.beatbox[data-v-1e6590ee],li[data-v-1e6590ee]{display:-webkit-box;display:-ms-flexbox;display:flex}li[data-v-1e6590ee]{-webkit-box-flex:0;-ms-flex:0 1 33%;flex:0 1 33%;width:33%}@media screen and (min-width:450px){li[data-v-1e6590ee]{-ms-flex-preferred-size:auto;flex-basis:auto;width:auto}}a[data-v-1e6590ee]{color:#42b983}.sound-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-flow:column-reverse nowrap;flex-flow:column-reverse nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:5px 0;margin-left:-1px;margin-top:-1px;width:95px}@media screen and (min-width:450px){.sound-button{padding:10px;width:145px}}@media screen and (min-width:1200px){.sound-button{padding:20px 10px;width:280px}}.sound-button__button{background:radial-gradient(circle at center,#ff5f64 0,red 50%,#ff787b 60%,red 65%,red 85%,#000 0,#000 100%);border:5px solid #444;border-radius:50%;cursor:pointer;height:100px;outline:0;padding:0;position:relative;width:100px}.sound-button__button:before{bottom:0;color:#fff;content:"PUSH";font-size:16px;font-weight:700;height:1em;left:0;line-height:1;margin:auto;opacity:.8;position:absolute;right:0;top:0;z-index:2}@media screen and (min-width:450px){.sound-button__button{height:140px;width:140px}.sound-button__button:before{font-size:24px}}@media screen and (min-width:1200px){.sound-button__button{height:270px;width:270px}.sound-button__button:before{font-size:42px}}.sound-button__button:focus,.sound-button__button:hover{background:radial-gradient(circle at center,#eb5f64 0,#eb0000 50%,#f5777a 60%,#eb0000 65%,#eb0000 85%,#000 0,#000 100%)}.sound-button__button:focus:before,.sound-button__button:hover:before{opacity:1}.sound-button__button:active{background:radial-gradient(circle at center,#cd2b33 0,#9b0000 50%,#9b4e4e 60%,#9b0000 65%,#9b0000 85%,#000 0,#000 100%)}.sound-button__thumb{border-radius:50%;height:90px;width:90px;display:none}@media screen and (min-width:450px){.sound-button__thumb{height:130px;width:130px}}@media screen and (min-width:1200px){.sound-button__thumb{height:260px;width:260px}}.sound-button__button.active{background:transparent}.sound-button__button.active:before{display:none}.sound-button__button.active .sound-button__thumb{display:block}.sound-button__button-label{display:none;overflow:hidden;position:absolute;text-indent:100%;padding:0;white-space:nowrap}.sound-button__label{background:#000;border:2px dotted #555;display:none;color:red;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;font-family:Comic Sans MS,Chalkboard,Helvetica,Arial,script;font-size:14px;line-height:24px;text-transform:uppercase;padding:.25em .5em}.sound-button__media{position:absolute}
/*# sourceMappingURL=app.acf90d5c9f0b5863b4f9eac98a340eda.css.map */