* {
    box-sizing: border-box;
}
#buttons {

    min-width: 90vw;
    display: flex;
    justify-content: center;
}
.record {
    all: unset;
    width: 100%;
    max-width: 90vw;
    background-color: hsl(5, 20%, 60%);
    padding: 0.5em;
    cursor: pointer;
    display: flex;
    justify-content: center;
    font-size: 1.5em;

}

.record:hover {

    background-color: hsl(5, 45%, 60%);
}
.record.active {
    background-color: hsl(5, 80%, 60%);

}
main {
    overflow: hidden;
    max-width: 100vw
}

.visualizer {
    min-width: 100%;
    min-height: 20vh;
    transform: translateX(-1.6em)
}