#beepboxEditorContainer {
   display: flex !important;
   align-items: center;
   justify-content: center;
}

.beepboxEditor{
    padding: 30px;
}
.beepboxEditor .trackContainer{
    height: 150px;
}

.donation form {
    display: inline;
}

.donation input[type="submit"] {
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: var(--link-accent, #98f);
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

/* wide screen */
@media (min-width: 711px) {
    html {
        width: 100%;
    }

    body {
        width: 100%;
    }

    .column-container {
        width: 710px;
        display: flex;
        gap: 25px;
    }

    /*.instructions-column {
				min-width: 0;
			}
			.twitter-column {
				width: 300px;
				flex-shrink: 0;
			}*/
}

/* narrow screen */
@media (max-width: 710px) {
    body {
        width: 100%;
    }

    p,
    .donation {
        margin: 1em 0.5em;
    }

    .column-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}