@import url(https://fonts.googleapis.com/css?family=VT323);body{padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:bonzairegular;src:url(/drum-kit/static/media/bonzai-webfont.f5a47c87.woff2) format("woff2"),url(/drum-kit/static/media/bonzai-webfont.3fe0b1d3.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:arabian_knightregular;src:url(/drum-kit/static/media/arabian_knight-webfont.e700d0dc.woff2) format("woff2"),url(/drum-kit/static/media/arabian_knight-webfont.dc43868e.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:wild_africaregular;src:url(/drum-kit/static/media/wild_africa-webfont.06d2c2e0.woff2) format("woff2"),url(/drum-kit/static/media/wild_africa-webfont.5ba51fdb.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:zilap_africaregular;src:url(/drum-kit/static/media/zilap_africa_demo-webfont.4c8abc95.woff2) format("woff2"),url(/drum-kit/static/media/zilap_africa_demo-webfont.726c9cf4.woff) format("woff");font-weight:400;font-style:normal}body{margin:0;background:#e7e7e7;overflow:hidden;height:100%;width:100%}.japan-background{background:url(https://blog.hdwallsource.com/wp-content/uploads/2016/04/sakura-flower-20975-21512-hd-wallpapers.jpg) no-repeat;background-size:auto 100vh;background-position:100% top}.burundi-background{background:url(https://i.ytimg.com/vi/Kr1Z9jVPBz4/maxresdefault.jpg) no-repeat;background-position:30% top}.morocco-background{background:url(http://agents-prod-cd-portal.azurewebsites.net/-/media/Deals/Deals%202018/Peregrine-Morocco.jpg) no-repeat;background-position:30% top;background-size:auto 100vh}@media (min-width:768px){.burundi-background,.japan-background{background-size:cover}.burundi-background{background-position:center 0}.morocco-background{background-size:cover;background-position:60%}}#drum-machine{width:80vw;box-shadow:0 0 8px 4px #545454;border-radius:1%;box-sizing:border-box;background:hsla(0,0%,98%,.8)}@media (max-width:768px){#drum-machine{display:flex;flex-direction:column-reverse;height:90vh;margin:5vh 10vw}}@media (min-width:769px){#drum-machine{position:relative;align-items:center;height:80vh;margin:5% auto}}@media (min-width:769px){#drum-machine,.left-side{display:flex;justify-content:center}.left-side{flex-direction:column;height:100%}}@media (max-width:768px){.left-side{position:relative;display:flex;flex-direction:column;height:60vh;width:80vw;text-align:center}}.drumPad{width:70vw;height:70vw;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-gap:5vw;padding:2vw;border-radius:3%}@media (max-width:768px){.drumPad{margin:0 auto 1vh}.none-pad{margin-bottom:10vh}}@media (min-width:768px){.drumPad{width:25vw;height:25vw;margin-top:8vh;grid-gap:20px;padding:30px}}.morocco-pad{background:url(https://d2gg9evh47fn9z.cloudfront.net/800px_COLOURBOX25510585.jpg);background-size:cover;background-position:top}.japan-pad{background:url(https://previews.123rf.com/images/silvionka/silvionka1205/silvionka120500020/13657200-des-ant%C3%A9c%C3%A9dents-japonais-avec-la-montagne-et-la-fleur-de-sakura-japonais-de-cerisier-symboles-de-la-cu.jpg);background-size:cover}.burundi-pad{background:url(https://cloud.glstock.com/15206/838640/african-background-style-with-rich-detalis.jpg)}.none-pad{background:#d1d1d1}.drum-key{border-radius:5%;border:none;transition:all 1s ease}.japan{background:rgba(255,231,246,.6);box-shadow:inset 0 0 7px 3px #ffb3d5;font-family:bonzairegular;font-size:28pt;color:#454545}.burundi{background:rgba(193,180,129,.8);box-shadow:inset 0 0 8px 4px #a9715f;font-family:wild_africaregular;font-size:24pt;color:#454545}.morocco{background:rgba(255,221,217,.9);box-shadow:inset 0 0 8px 4px #ff7520;color:#454545;font-family:arabian_knightregular;font-size:26pt}.drum-key-off{border:none;font-family:VT323;font-size:22pt}.clicked,.pressed{-webkit-transform:scale(.9);transform:scale(.9);border-color:#fff;box-shadow:0 0 6px 2px #fff}.pressed{transition:all .1s ease}.drumName{align-self:center;width:100%;text-align:center;margin:2vh 0 0;padding:0;height:10vh}@media (min-width:769px){.drumName{position:relative;height:50px;padding:8px;color:#454545}.japan-drumName{font-size:28pt}.burundi-drumName{font-size:20pt}.morocco-drumName{font-size:22pt}}.japan-drumName{font-family:bonzairegular;font-size:20pt;text-shadow:2px 2px #ffb3d5}.burundi-drumName{font-family:zilap_africaregular;font-size:16pt;text-shadow:2px 2px #ffcb0c}.morocco-drumName{font-family:arabian_knightregular;font-size:20pt;text-shadow:2px 2px #ff5900}.inputs{width:35vw;margin-left:10%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}@media (max-width:768px){.inputs{width:80vw;height:40vh;margin:0;padding:0}}.power-switch{display:flex;align-items:center;justify-content:center;height:10vh}.label{font-family:VT323;font-size:20pt;margin:5vh 3vw}@media (min-width:768px){.power-switch{margin:10% 0}.label{margin-right:5%;font-size:22pt}}.drumType{height:100%;flex-direction:column}.drumNames,.drumType{width:100%;display:flex;justify-content:space-around}.drumNames{margin:0}@media (min-width:768px){.drumNames{justify-content:space-between}}.button-country{border-radius:50%;border:none;height:10vh;width:10vh}@media (min-width:768px){.button-country{height:150px;width:150px}}.japan-button{background:url(https://upload.wikimedia.org/wikipedia/commons/thumb/6/6d/Japan_flag_-_variant.png/1024px-Japan_flag_-_variant.png);background-size:cover;background-position:45%}.morocco-button{background:url(https://i.pinimg.com/originals/fa/3d/a4/fa3da46b641353a80f571ca936163a5e.jpg);background-position:50%;background-size:cover}.burundi-button{background:url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/Flag_of_Burundi.svg/2000px-Flag_of_Burundi.svg.png);background-size:cover;background-position:50%}.display-japan{text-align:center;font-family:bonzairegular;font-size:24pt;color:#454545;text-shadow:2px 2px #ffb3d5;margin:0}.display-morocco{text-align:center;font-family:arabian_knightregular;font-size:18pt;color:#454545;text-shadow:2px 2px #ff5900}.display-burundi{text-align:center;font-family:wild_africaregular;font-size:16pt;color:#454545;text-shadow:2px 2px #ffcb0c}.display-none{margin-top:3vh;align-self:center;font-family:VT323;font-size:20pt}@media (max-height:640px){.display-burundi,.display-japan,.display-morocco{margin-top:2vh}}@media (min-width:768px){.display-japan{font-size:30pt;line-height:20px;margin-top:8vh}.display-morocco{font-size:24pt}.display-burundi,.display-morocco{margin-bottom:0;line-height:20px;margin-top:8vh}.display-burundi{font-size:20pt}.display-none{font-size:24pt}}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(33,150,243,.7);border-radius:34px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;border-radius:50%}input:checked+.slider{background-color:#ccc}input:focus+.slider{box-shadow:0 0 1px #ccc}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}
/*# sourceMappingURL=main.0df3647d.chunk.css.map */