.black-button{background-color:black;color:var(--light-text);font-family:'Font2';font-size:1rem;border:2px solid black;padding:0.75rem 1rem 0.75rem 1rem;border-radius:var(--border-radius);width:fit-content;height:fit-content;text-decoration:none}.black-button:hover{border:2px solid white;cursor:pointer}.white-button{background-color:whitesmoke;color:var(--black-text);font-family:'Font2';font-size:1rem;border:2px solid whitesmoke;padding:0.75rem 1rem 0.75rem 1rem;border-radius:var(--border-radius);width:fit-content;height:fit-content;text-decoration:none}.white-button:hover{border:2px solid black;cursor:pointer}.purple-button{background-color:#684EA4;padding:0.75rem 1rem 0.75rem 1rem;color:var(--light-text);font-family:'Font2';text-decoration:none;border-radius:var(--border-radius);border:2px solid #684EA4;display:flex;width:fit-content;height:fit-content}.purple-button:hover{border:2px solid whitesmoke;cursor:pointer}.back-button{border-radius:10px;width:fit-content;height:fit-content;background-color:black;font-family:sans-serif;padding:0.5rem;color:var(--light-text);text-decoration:none;cursor:pointer;border:2px solid black}.back-button:hover{border:2px solid whitesmoke}.waveform-element{display:flex;flex-direction:column;width:100%}.waveform-info{display:flex;flex-direction:row;align-items:center}.play-button{height:5rem;width:5rem;margin-right:1rem;background-color:rgba(0,0,0,0.25);border-radius:20px}.waveform{margin-top:auto;width:100%}.icon-play-button{display:flex;flex-direction:row;position:relative;height:5rem;width:5rem}.icon-play-button-div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-icon-button{cursor:pointer;border-width:1.6rem 0rem 1.6rem 3rem;box-sizing:border-box;border-color:transparent transparent transparent rgba(0,0,0,0.95);border-style:solid}.pause-icon-button{cursor:pointer;display:none;height:50px;border-width:25px;border-style:solid;border-width:0px 0px 0px 25px;border-color:rgba(0,0,0,0.8);border-style:double}.form{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%}.form-input{height:2.5rem;margin-bottom:1rem;font-size:1rem;padding:0rem 0.5rem 0rem 0.5rem;border-radius:var(--border-radius);border:2px solid black;font-family:sans-serif;width:100%;box-sizing:border-box}.form-input::placeholder{color:gray;font-family:'Font2'}.form-text-area{resize:vertical;height:15rem;font-size:1rem;margin-bottom:2.5rem;color:black;padding-top:0.5rem}.form-switch{display:flex;flex-direction:row;align-items:center;background-color:black;padding:0.5rem;border-radius:10px}.switch{position:relative;display:inline-block;width:60px;height:34px;margin:0rem 0.25rem 0rem 0.25rem}.switch input{opacity:0;width:0;height:0}.radio-input-container{display:flex;flex-direction:row;align-items:center}.radio-input{height:1rem;width:1rem;margin-right:0.5rem}