@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap);body{margin: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}#root{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAhgAAAIYCAIAAACg5gJHAAABN2lDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5ViEm6uf/oQjm4dXNx9AidHwUHxCXwDxamDQ4QMBYvf9J3fORzOAaNi152GUYbzWKt205Gu58vZF2aYAoBOmKV2q3UAECdxxBjf7wiA10277jTG+38yH6ZKAyNguxtlIYgK0L/SqQYxBMygn2oQD4CpTto1EE9AqZf7G1AKcv8ASsr1fBBfgNlzPR+MOcAMcl8BTB1da4Bakg7UWe9Uy6plWdLuJkEkjweZjs4zuR+HiUoT1dFRF8jvA2AxH2w3HblWtay99X/+PRHX82Vun0cIQCw9F1lBeKEuf1UYO5PrYsdwGQ7vYXpUZLs3cLcBC7dFtlqF8hY8Dn8AwMZP/fNTP8gAAAAJcEhZcwAACxMAAAsTAQCanBgAAAUVaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA2LjAtYzAwMiA3OS4xNjQ0NjAsIDIwMjAvMDUvMTItMTY6MDQ6MTcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMS4yIChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjEtMDMtMzFUMTc6MDY6MzItMDM6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTAzLTMxVDE3OjExOjA3LTAzOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIxLTAzLTMxVDE3OjExOjA3LTAzOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9IkFkb2JlIFJHQiAoMTk5OCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTlhY2VjNGItZGE1NS1jMTQ3LWFhYmEtYjE2YTBmMzhlYWQyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE5YWNlYzRiLWRhNTUtYzE0Ny1hYWJhLWIxNmEwZjM4ZWFkMiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjE5YWNlYzRiLWRhNTUtYzE0Ny1hYWJhLWIxNmEwZjM4ZWFkMiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MTlhY2VjNGItZGE1NS1jMTQ3LWFhYmEtYjE2YTBmMzhlYWQyIiBzdEV2dDp3aGVuPSIyMDIxLTAzLTMxVDE3OjA2OjMyLTAzOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+p4T9fwAACThJREFUeJzt20FLHGccwGGnboorhgS9LJhTzRftR+gH672HeIuwl0ghsoYE2R4Ud93axPIzmQk8z0Fmh/HlD8Psz5fB4fe//thjSq6WZx+Xb8eegjsvF++OFudjT8EDnpGp+WXsAQD4uQkJAImQAJAICQCJkACQCAkAiZAAkAgJAImQAJAICQCJkACQCAkAiZAAkAgJAImQAJAICQCJkACQCAkAiZAAkAgJAImQAJAICQCJkACQCAkAiZAAkAgJAImQAJAICQCJkACQCAkAiZAAkAgJAImQAJAICQCJkACQCAkAiZAAkAgJAImQAJAICQCJkACQCAkAiZAAkAgJAImQAJAICQCJkACQCAkAiZAAkAgJAImQAJAICQCJkACQCAkAiZAAkAgJAImQAJAICQCJkACQCAkAiZAAkAgJAImQAJAICQCJkACQCAkAiZAAkAgJAImQAJAICQCJkACQCAkAiZAAkAgJAImQAJAICQCJkACQCAkAiZAAkAgJAImQAJAICQCJkACQCAkAiZAAkAgJAImQAJAICQCJkACQCAkAiZAAkAgJAImQAJAICQCJkACQCAkAiZAAkAgJAImQAJAICQCJkACQCAkAiZAAkAgJAImQAJAICQCJkACQCAkAiZAAkAgJAImQAJAICQCJkACQCAkAiZAAkAgJAImQAJAICQCJkACQCAkAiZAAkAgJAImQAJAICQCJkACQCAkAiZAAkAgJAImQAJAICQCJkACQCAkAyWzsAdg1P7lY7w1jT8Gd+fHF2COwa37ipkzL7Gp5NvYMbMxPLvZffHq5eDf2IGzcfD64vjwdewru3D4jR4vzsQdhY/Zx+XbsGdhY7w0qMjWryzf+3poUFZka70gASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIZkeL87FnYOPw+GLsEdjlpkzK/MTtmJzZy8W7sWfggZvP89Xl6dhTcOfw+GL/12uPyaTcfDm4/uAZmZDZ2AOwa3V5erU8G3sKNlRkalYf3nhGJsU7EgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESAJLZ2AOw6/Dk/bC3HnsK7syPL8YegV3z18svq1djT8HG7OPy7dgzsHF48n7/xaejxfnYg7Bx8/lgdflm7Cm4M3+9nB1cHf/259iDsDG7Wp6NPQMbw95aRabm+vLUYzIdX1avVGRqvCMBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEiEBIBESABIhASAREoCfwDAMj5759/kfT0gAfgLr9fp/nf+RhARgooZhuN9wbO8/tnch2xc8umvZWWH75HPtZoQEYLrW6/VTvu6HYViv1zu7k+2Tt8f3S90eP3HxbxISgAm7+Xv7030Adq56UhIeLvWMhARgwvZfb3/6yjbi2y15uNQzEhKA6Xp0//HoZdtX3hblNi3bx9/pzfzseywKwLO4/+q/Pfj6z//6rW8uFdmRAJAICcBETeF/RJ5CSABIhASAREgASIQEgERIAEiEBIBESABIhASAREgASIQEgERIAEj+AQUryTytFmUDAAAAAElFTkSuQmCC);background-size:100px;min-height:100vh;min-width:100vw;display:-webkit-flex;display:flex}#drum-machine,#root{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}#drum-machine{display:block;margin:auto!important}#display{font-size:30px;min-height:60px;margin-bottom:20px}#display,#drums{font-family:"VT323",monospace;color:#fff;text-align:center;border:6px solid #d6d6d6;border-radius:10px;width:500px;background-color:#000}#drums{padding:20px 0 20px 20px;min-height:200px;font-size:40px;display:grid;grid-template-columns:repeat(3,30%);grid-template-rows:repeat(3,30%);grid-gap:10px}#drums .drum-pad{height:60px;-webkit-align-self:center;align-self:center;background-color:#000}#drums .drum-pad:active{background-color:purple}#drums .drum-pad span{cursor:pointer;display:inline-block;position:relative}#drums .drum-pad span:after{content:"▸";position:absolute;opacity:0;top:0;left:-25px}#drums .drum-pad:hover span:after{opacity:1}
/*# sourceMappingURL=main.2295c675.chunk.css.map */