body {
    padding: 0;
    height: 100%;
    margin: 0;
    width: 100%;
    background-color: rgb(187, 181, 211);
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.header {
    text-align: center;
    display:inline-block;
    width: 100%;
}

#home {
    float:left;
    margin:10px;
}

#example-container {
    display: flex;
    flex-direction: row;
    width: 80%;
    justify-content: center;
    /* border: 1px black solid; */
    margin: 0 auto;
}

.audio-example {
    /* width: 100px;
    height: 200px; */
    width: 25%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 40px auto;
    padding: 2%;
    /* border: 1px black solid; */
    background: rgb(147, 140, 178);
    line-height: 30px;
}

#gain-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#masterGain {
    width: 20%;
}

button {
    font-size: large;
}

audio {
    display: none;
}

#playFile {
    display: none;
}

#uploadFlag {
    text-align: center;
}