Inscription #73668746#73,668,746htmlInscription #73492802#73,492,802htmlInscription #72050463#72,050,463pngtransfer100.pizza#71,199,101brc-20mint69.ofan#69,376,451brc-20Inscription #66996393#66,996,393htmlInscription #65962676#65,962,676pngInscription #65533150#65,533,150html#64,451,999Inscription #63852486#63,852,486html#63,767,776<meta charset="UTF-8"> <script src='/content/172c6c9cb54554d33cc77a3838ab1a517150b1937c59919f5026539a717b7d0fi0'></script>#63,767,775textInscription #63750847#63,750,847svgInscription #63587536#63,587,536pngInscription #54266879#54,266,879htmlInscription #54261072#54,261,072htmlInscription #54260053#54,260,053htmlInscription #54259716#54,259,716htmlInscription #54259714#54,259,714htmlInscription #54258756#54,258,756htmlInscription #13424842#13,424,842png * { box-sizing: border-box; margin: 0; padding: 0; } body { height: 100vh; font-family: 'Roboto', sans-serif; background: no-repeat center/cover url('/content/692d7caa643937cf34948d08c3b59c96a5f757db346a9c32be0086f38a5c7c98i0'); padding: 20px; } main { display: flex; flex: 1; min-height: 100vh; align-items: center; justify-content: center; background: #00000047; flex-direction: column; } .drum-kit-key-container { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .drum-kit__key { text-transform: uppercase; border: 0.2rem solid #008801; border-radius: 0.5rem; margin: 1rem; padding: 1rem 0.5rem; transition: all 0.07s ease; width: 10rem; height: 10rem; text-align: center; color: white; display: flex; justify-content: center; flex-direction: column; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; font-size: 1.4rem; letter-spacing: 0.05em; background: rgba(0, 0, 0, 0.1); } .keydown { background-color: red; } .drum-kit-rhythm-instrument-container { display: flex; justify-content: space-between; } .drum-kit-rhythm-instrument-container > span { max-width: 100px; color: #ffffff; margin-right: 20px; } .instrument-pads-container { display: flex; align-items: flex-end; justify-content: flex-end; } .drum-kit-rhythm_fouth { box-shadow: inset 0px 0px 6px 1px #00ff0870; } .pad_black { background-color: #000000; } .pad_gray { background-color: #696969; } .pad_red { background-color: #ff0000; } .pad_current-playing { box-shadow: inset 0px 0px 6px 1px #ffffff; } .drum-kit-rhythm__pad { height: 16px; width: 16px; margin: 2px; } .drum-kit-rhythm__pad:hover { transition-duration: 0s; } .daw-controls__button { border-radius: 5px; transition: all 0.3s ease; } .daw-controls__button:hover { background: rgba(0, 0, 0, 0.6); } .daw-container { padding: 15px; position: relative; width: 100%; backdrop-filter: blur(8px); } .daw-controls__button { background: rgba(0, 0, 0, 0.4); border: 1px solid #000000; padding: 5px 10px; color: #008801; margin-right: 10px; } .step-sequencer { display: flex; flex-direction: column; /* overflow: auto hidden; */ width: 100%; } .sequencer-pattern { overflow-x: auto; } .channel-sequence { display: flex; align-items: flex-end; } .sequence-step { height: 16px; width: 16px; min-width: 16px; margin: 2px; } .sequence-step_black { background-color: #000000; } .sequence-step_gray { background-color: #696969; } .sequence-step_active { background-color: #008801; } .sequence-step_current-playing { box-shadow: inset 0px 0px 6px 1px #ffffff; } .channel { display: flex; justify-content: flex-end; min-height: 20px; align-items: center; } .channel__name { margin-right: 16px; text-align: right; max-height: 20px; overflow: hidden; min-width: 150px; color: #008801; } .channel__volume-slider { margin-right: 8px; background-color: #008801; scrollbar-base-color: #008801; } .sequencer-body { display: flex; } .channel__volume-mute { margin-right: 8px; } .sequencer-controls { margin: 20px 0; display: flex; } .sequencer-controls__bpm-input { text-align: center; max-width: 45px; } .sequencer-controls__button { all: unset; height: 30px; text-align: center; background-repeat: no-repeat; background-position: center; color:#008801 } .sequencer-controls__button-play { width: 30px; font-size: 0px; } .sequencer-controls__button-play_pause { background-image: url(/content/0ac7075d4e98253bd72d8b4ba2732a70e461351d85769ac9016cd364d04c8c1ei0); filter: invert(29%) sepia(89%) saturate(3130%) hue-rotate(112deg) brightness(88%) contrast(106%); } .sequencer-controls__button-play_play { background-image: url(/content/d8965cb2f103f92f6587a017a4636572fd7fb73b6b7dbdad1034e035c0c8f175i0); filter: invert(29%) sepia(89%) saturate(3130%) hue-rotate(112deg) brightness(88%) contrast(106%); } .sequencer-controls__button-add-steps { width: 30px; font-size: 0px; background-image: url(/content/f881c7546020150c8392883acb9c8c3684d0b64c871460d0a1be21cf9a1b09e2i0); background-repeat: no-repeat; background-position: center; filter: invert(29%) sepia(89%) saturate(3130%) hue-rotate(112deg) brightness(88%) contrast(106%); } .sequencer-controls__button-remove-steps { width: 30px; font-size: 0px; background-image: url(/content/621ada72db87deda101557eb3b4066d0f881d06582e0009cc8b941f613eab947i0); background-repeat: no-repeat; background-position: center; filter: invert(29%) sepia(89%) saturate(3130%) hue-rotate(112deg) brightness(88%) contrast(106%); } .sequencer-controls__button-add-channel { background: #008801; border: 1px solid #008801; font-size: 10px; padding: 0 10px; color: #008801; margin-right: 10px; } .modal-window__overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #737373e0; display: flex; justify-content: center; align-items: center; } .modal-window { position: relative; padding: 20px; min-width: 320px; background: #f0f0f0; border: 1px solid #ccc; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); } .modal-window__title { margin-bottom: 20px; }#13,424,752text#13,424,167js#13,419,741audio#13,419,711audio#13,419,695audio#13,419,690audio#13,419,687audio#13,419,656audio#13,419,655audioInscription #13317148#13,317,148svgInscription #13317143#13,317,143svgInscription #13317131#13,317,131svgInscription #13317130#13,317,130svg{ "p": "og", "game": "cd282b9b1658ca3010221f6fb088d77e56dede84329c431aa1c60cd4075a02a9i0", "op": "loot", "class": "armor", "loot": "gold", }#13,160,285text{ "p": "og", "game": "cd282b9b1658ca3010221f6fb088d77e56dede84329c431aa1c60cd4075a02a9i0", "op": "loot", "class": "weapon", "loot": "bloodscope", }#13,160,284text{ "p": "og", "game": "cd282b9b1658ca3010221f6fb088d77e56dede84329c431aa1c60cd4075a02a9i0", "op": "loot", "class": "eyes", "loot": "white", }#13,158,915text{ "p": "og", "game": "cd282b9b1658ca3010221f6fb088d77e56dede84329c431aa1c60cd4075a02a9i0", "op": "loot", "class": "weapon", "loot": "bloodscope", }#13,158,794text{ "p": "og", "game": "cd282b9b1658ca3010221f6fb088d77e56dede84329c431aa1c60cd4075a02a9i0", "op": "loot", "class": "headgear", "loot": "medusa", }#13,158,790text{ "p": "og", "game": "cd282b9b1658ca3010221f6fb088d77e56dede84329c431aa1c60cd4075a02a9i0", "op": "loot", "class": "orb", "loot": "love", }#13,158,789text{ "p": "og", "game": "cd282b9b1658ca3010221f6fb088d77e56dede84329c431aa1c60cd4075a02a9i0", "op": "loot", "class": "armor", "loot": "gold", }#13,158,788text233164.bitmap#12,825,459text50060.bitmap#12,823,924text50032.bitmap#12,823,894text50040.bitmap#12,823,867text50042.bitmap#12,823,856textmint3,300.brdx#10,048,441brc-20mint3,300.brdx#10,048,394brc-20mint3,300.brdx#10,048,393brc-20mint3,300.brdx#10,048,389brc-20mint3,300.brdx#10,048,378brc-20mint3,300.brdx#10,048,368brc-20mint3,300.brdx#10,048,367brc-20mint3,300.brdx#10,048,366brc-20mint3,300.brdx#10,048,365brc-20mint3,300.brdx#10,048,351brc-20mint2,100.10mm#10,007,189brc-20