html{background-color:#302946}.nav-container{display:flex;margin:5px;margin-left:10px;font-size:50px;font-family:"Fredoka One";color:#aa9efa;align-items:center;justify-content:space-between;text-shadow:3px 3px 7px #5704ff;-webkit-filter:drop-shadow(0px 0px 10px #5704ff);filter:drop-shadow(0px 0px 10px #5704ff)}.info-bar{font-size:30px}.info-bar>svg{margin-left:10px}.info{background:none;color:#aa9efa;border:none;font-size:50px;text-shadow:3px 3px 4px #5704ff;text-shadow:3px 3px 4px #5704ff;font-size:30px;border-radius:40px;background-color:rgba(88,4,255,0.419);box-shadow:0px 0px 20px 2px rgba(88,4,255,0.837)}.info:hover{color:#cac2ff;cursor:pointer;background-color:rgba(88,4,255,0.741);box-shadow:0px 0px 20px 12px rgba(88,4,255,0.837)}.music{border:none;font-family:"Righteous";color:white;width:80px;height:80px;background-color:#aa9efa;box-shadow:2px 2px 2px 2px #5704ff;border-radius:4px;margin-left:10px}button:focus{outline:none}.fa-moon{text-shadow:3px 3px 4px #5704ff;text-shadow:3px 3px 4px #5704ff;font-size:30px;border-radius:40px;background-color:rgba(88,4,255,0.741);box-shadow:0px 0px 20px 12px rgba(88,4,255,0.837)}.fa-dice{text-shadow:3px 3px 4px #5704ff;text-shadow:3px 3px 4px #5704ff;font-size:30px;border-radius:40px;background-color:rgba(88,4,255,0.741);box-shadow:0px 0px 20px 12px rgba(88,4,255,0.837)}.fa-sun{border-radius:40px;background-color:rgba(88,4,255,0.83);box-shadow:0px 0px 20px 12px #5704ff}.drum{color:white;-webkit-text-orientation:upright;text-orientation:upright}.sequencer-container{height:500px;width:90%;border:4px solid #aa9efa;margin:auto;margin-top:30px;border-radius:15px;box-shadow:0px 0px 20px 12px rgba(88,4,255,0.837);-webkit-filter:drop-shadow(0px 0px 10px #5704ff);filter:drop-shadow(0px 0px 10px #5704ff);-webkit-animation:border-flicker 4.5s linear infinite;animation:border-flicker 4.5s linear infinite}.plugin-container{height:300px;width:90%;border:4px solid #aa9efa;margin:auto;margin-top:20px;border-radius:15px;margin-bottom:20px;box-shadow:0px 0px 20px 12px rgba(88,4,255,0.837);-webkit-filter:drop-shadow(0px 0px 10px #5704ff);filter:drop-shadow(0px 0px 10px #5704ff);-webkit-animation:border-flicker 6s linear infinite;animation:border-flicker 6s linear infinite}@-webkit-keyframes border-flicker{0%{opacity:0.1;box-shadow:0px 0px 78px 4px rgba(124,16,232,0.73)}2%{opacity:1;box-shadow:0px 0px 78px 4px rgba(124,16,232,0.73)}4%{opacity:0.1;box-shadow:0px 0px 78px 4px rgba(124,16,232,0.73)}8%{opacity:1;box-shadow:0px 0px 78px 4px rgba(124,16,232,0.73)}70%{opacity:0.7;box-shadow:0px 0px 78px 4px rgba(124,16,232,0.73)}100%{opacity:1;box-shadow:0px 0px 78px 4px rgba(124,16,232,0.73)}}@keyframes border-flicker{0%{opacity:0.1;box-shadow:0px 0px 78px 4px rgba(124,16,232,0.73)}2%{opacity:1;box-shadow:0px 0px 78px 4px rgba(124,16,232,0.73)}4%{opacity:0.1;box-shadow:0px 0px 78px 4px rgba(124,16,232,0.73)}8%{opacity:1;box-shadow:0px 0px 78px 4px rgba(124,16,232,0.73)}70%{opacity:0.7;box-shadow:0px 0px 78px 4px rgba(124,16,232,0.73)}100%{opacity:1;box-shadow:0px 0px 78px 4px rgba(124,16,232,0.73)}}.title{display:flex;flex-direction:row}.ill{-webkit-animation:letter-flicker 3s linear infinite;animation:letter-flicker 3s linear infinite}.info-header{-webkit-animation:letter-flicker 4s linear infinite;animation:letter-flicker 4s linear infinite}@-webkit-keyframes letter-flicker{0%{opacity:0.1;text-shadow:3px 3px 7px #5704ff}2%{opacity:0.1;text-shadow:3px 3px 7px #5704ff}4%{opacity:1;text-shadow:3px 3px 7px #5704ff}19%{opacity:1;text-shadow:3px 3px 7px #5704ff}21%{opacity:0.1;text-shadow:3px 3px 7px #5704ff}23%{opacity:1;text-shadow:3px 3px 7px #5704ff}80%{opacity:1;text-shadow:3px 3px 7px #5704ff}83%{opacity:0.4;text-shadow:3px 3px 7px #5704ff}87%{opacity:1;text-shadow:3px 3px 7px #5704ff}}@keyframes letter-flicker{0%{opacity:0.1;text-shadow:3px 3px 7px #5704ff}2%{opacity:0.1;text-shadow:3px 3px 7px #5704ff}4%{opacity:1;text-shadow:3px 3px 7px #5704ff}19%{opacity:1;text-shadow:3px 3px 7px #5704ff}21%{opacity:0.1;text-shadow:3px 3px 7px #5704ff}23%{opacity:1;text-shadow:3px 3px 7px #5704ff}80%{opacity:1;text-shadow:3px 3px 7px #5704ff}83%{opacity:0.4;text-shadow:3px 3px 7px #5704ff}87%{opacity:1;text-shadow:3px 3px 7px #5704ff}}#modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}#modal-child{background-color:#302946;margin:15% auto;padding:20px;border:1px solid #888;width:30%;border:3px solid #aa9efa;border-radius:15px;box-shadow:0px 0px 20px 12px rgba(88,4,255,0.837);-webkit-filter:drop-shadow(0px 0px 10px #5704ff);filter:drop-shadow(0px 0px 10px #5704ff);font-family:"Fredoka One"}.modal-content{display:flex;justify-content:center;align-items:center;flex-direction:column;color:#aa9efa}.modal-content>h1{text-shadow:3px 3px 7px #5704ff;-webkit-filter:drop-shadow(0px 0px 10px #5704ff);filter:drop-shadow(0px 0px 10px #5704ff)}.plugin-container{display:flex;align-items:center}.play-pause{margin-left:50px;height:100%;display:flex;flex-direction:column;justify-content:space-evenly}.play,.pause{font-size:50px}.sequencer-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;overflow:auto}::-webkit-scrollbar{width:10px;overscroll-behavior:auto contain}::-webkit-scrollbar-track{background:none;border-radius:10px;padding-right:5px}::-webkit-scrollbar-thumb{background:#aa9efa46;border-radius:10px;padding-right:5px}::-webkit-scrollbar-thumb:hover{background:#aa9efa}::-webkit-scrollbar:hover{box-shadow:0px 0px 20px 12px rgba(88,4,255,0.837);-webkit-filter:drop-shadow(0px 0px 10px #5704ff);filter:drop-shadow(0px 0px 10px #5704ff);opacity:100%}.sequencer,.bass,.drum{display:flex;width:95%;height:95%;align-items:center;min-height:-webkit-min-content;min-height:-moz-min-content;min-height:min-content}.instrument-title{font-family:'Fredoka One';color:#aa9efa;font-size:20px;padding:10px;text-shadow:3px 3px 7px #5704ff;-webkit-filter:drop-shadow(0px 0px 10px #5704ff);filter:drop-shadow(0px 0px 10px #5704ff)}.instrument-name{display:flex;align-items:center;text-align:center;padding-right:75px;margin-right:10px;border-right:3px solid #aa9efa}.note{display:flex;justify-content:space-around;width:100%}input[type=checkbox]{border-radius:3px;content:"";display:flex;width:50px;height:50px;top:0;left:0;border:2px solid #5704ff;border-radius:3px;background-color:#aa9efa}input[type=checkbox]:before{display:block;background-color:#aa9efa;width:50px;height:50px;border:2px solid #5704ff;border-radius:3px;background-color:#aa9efa}input[type=checkbox]:checked:after{content:"";display:block;width:50px;height:50px;border:solid rgba(0,0,0,0);border-width:0 2px 2px 0;background-color:#7b67f9}#wavetype{background-color:#aa9efa;color:#5704ff;height:40px;width:150px;border-radius:20px;font-size:15px;margin:5px;font-family:"Fredoka One"}.label{font-family:"Fredoka One";text-shadow:3px 3px 7px #5704ff;-webkit-filter:drop-shadow(0px 0px 10px #5704ff);filter:drop-shadow(0px 0px 10px #5704ff);color:#aa9efa;font-size:20px}.wavetype{height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;text-shadow:3px 3px 7px #5704ff;-webkit-filter:drop-shadow(0px 0px 10px #5704ff);filter:drop-shadow(0px 0px 10px #5704ff)}.volume{font-size:50px;display:flex;height:100%;flex-direction:column;justify-content:space-between;align-items:center}.plugins{width:100%;height:60%;display:flex;justify-content:space-around;align-items:center}.vol-up,.vol-down,.mute{font-size:40px}.info-block{text-align:center;font-size:20px}.exit-prompt{font-size:15px;color:#aa9efa7a}.info-header{font-size:45px}.wavetype{width:500px}#wavetype{width:80%;-moz-text-align-last:center;text-align-last:center;font-size:20px}#wave-change{font-family:"Fredoka One";font-size:20px;background-color:rgba(88,4,255,0);color:#aa9efa;border:4px solid #5704ff;border-radius:15px;width:60%;height:50px}#wave-change:hover{cursor:pointer;color:#aa9efa83;border:4px solid #5804ff9c}


/*# sourceMappingURL=main.css.map*/