@import url(https://fonts.googleapis.com/css2?family=Calligraffitti&display=swap);*{box-sizing:border-box;margin:0}body{background-color:#f0f0f0}.header-container{background-image:linear-gradient(90deg,grey,#f0f0f0,red);border-bottom:2px solid #000;height:75px}.header-container,.header-title{display:flex;justify-content:center}.header-title{cursor:default;flex-direction:column;font-weight:900;letter-spacing:.1em}.navigation-container{align-items:center;background-color:grey;border-bottom:1px solid #000;display:inline-flex;font-weight:600;gap:15px;letter-spacing:.1em;padding:10px;width:100%}.pac-logo{height:30px;width:30px}.app{align-items:center;display:flex;flex-direction:column}.transport{grid-gap:26px;align-content:flex-end;display:grid;gap:26px;grid-template-columns:auto auto auto;justify-content:center;margin-top:10px}.button{border-radius:5px;box-shadow:inset 0 -23px 25px 0 rgba(0,0,0,.17),inset 0 -36px 30px 0 rgba(0,0,0,.15),inset 0 -79px 40px 0 rgba(0,0,0,.1),0 2px 1px rgba(0,0,0,.06),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09);height:60px;padding:5px;width:60px}button:active{background:#e5e5e5;box-shadow:inset 0 0 5px #c1c1c1;outline:none}.ui-container{align-items:center;background-image:linear-gradient(270deg,red,#f0f0f0,grey);border:3px solid #000;border-radius:5px;display:flex;flex-direction:column;height:650px;justify-content:space-around;margin-bottom:25px;margin-top:25px;width:278px}a:link{color:#fff;text-decoration:none}a:visited{color:#000}.nav-div{align-self:center;min-width:75px;padding:5px;text-align:center}.nav-div:hover{cursor:pointer;-webkit-transform:scaleY(1.05) scaleX(1.05);transform:scaleY(1.05) scaleX(1.05);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;transition-timing-function:ease}.my-devices{word-wrap:break-word;border:1px solid #000;width:110px}.wave-display{background-color:#f0f0f0;border:1px solid #000;border-radius:5px;height:147px;width:254px}.mic-logo,.open-logo{border-radius:5px;height:25px;width:25px}.open-logo{position:relative}.stop-logo{border-radius:5px;height:25px;width:25px}.octave-container{align-items:center;display:flex;flex-direction:row;gap:5px}.octave-label{font-size:18px;font-weight:800}.left-arrow,.right-arrow{height:35px;width:35px}.left-arrow:active,.right-arrow:active{-webkit-transform:scale(1.1);transform:scale(1.1)}.load-sound{background-color:grey;border-radius:5px;color:#fff;font-size:12px;min-height:26px;min-width:175px;padding:.5em;text-shadow:0 0 1px #000,0 0 1px #000,0 0 1px #000,0 0 1px #000}.load-sound:active{box-shadow:inset 0 0 5px #c1c1c1;outline:none}.button:hover{background-color:#d3d3d3;cursor:pointer}.settings-container{background-color:#c1c1c1;border:1.5px solid #000;border-radius:5px;display:none;height:650px;margin-top:25px;opacity:0;padding:5px;position:absolute;transition:opacity .5s;transition-timing-function:ease;width:278px;z-index:10}.switch{display:inline-block;height:17px;position:relative;width:30px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:2px;content:"";height:13px;left:2px;width:13px}input:checked+.slider{background-color:red}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(13px);transform:translateX(13px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}input[type=range]{margin:20px 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{-webkit-animation:.2s;animation:.2s;background:#03a9f4;border-radius:25px;cursor:pointer;height:4px;width:100%}input[type=range]::-webkit-slider-thumb{background:#fff;border-radius:50%;box-shadow:0 0 4px 0 #000;cursor:pointer;height:20px;margin-top:-8px;width:20px}input[type=range]:focus::-webkit-slider-runnable-track{background:#03a9f4}.range-wrap{position:relative;width:50%}.range-value{position:absolute;top:-50%}.range-value span{background:#03a9f4;border-radius:6px;color:#fff;display:block;font-size:12px;height:24px;left:50%;line-height:24px;position:absolute;text-align:center;-webkit-transform:translate(-50%);transform:translate(-50%);width:30px}.range-value span:before{border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid #03a9f4;content:"";height:0;left:50%;margin-left:-5px;margin-top:-1px;position:absolute;top:100%;width:0}.slider-flex-container{align-items:center;display:flex;justify-content:space-evenly}.modal-container{display:flex;justify-content:center}.effect-container{align-items:center;display:grid;height:650px}.single-effect-container{align-content:space-between;align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;justify-content:space-between;max-height:28px;min-height:28px;text-align:center}.select{border-radius:5px;padding:2.5px;transition:opacity .5s;transition-timing-function:ease}.show-none{display:none}.delay-select-even,.delay-select-odd{min-width:45px}.effect-container p{font-weight:900}.showBtn{bottom:600px;height:30px;position:relative;transition:opacity 1.5s;transition-timing-function:ease;z-index:10}.the-wrapper{align-items:center;border:1px solid #d3d3d3;display:flex;flex-direction:column}#enter-info{min-height:20px}.mic-container{align-items:center;display:flex;flex-direction:row;gap:10px;margin-top:10px}.mic-buttons{min-width:75px}.pref-container{background-color:#c1c1c1;border:1.5px solid #000;border-radius:5px;display:block;height:650px;margin-top:25px;opacity:0;padding:5px;position:absolute;transition:opacity .5s;transition-timing-function:ease;width:278px;z-index:10}.form-init-button{margin-top:15px}.form{align-items:center;background-color:#c1c1c1;border:1px solid #fff;border-radius:5px;display:flex;flex-direction:column;min-width:200px;padding:10px;text-align:center}.login-input{border-style:none}.form-header{margin:5px}@media (max-width:280px){.header-container{width:280px}.navigation-container{justify-content:center;width:280px}}
/*# sourceMappingURL=main.d370476a.css.map*/