.trapezoid {
    width: 95%;
    position: relative;
}
  
.trapezoid:before {
    content: "";
    position: absolute;
    border: 3px solid var(--wp--preset--color--navy);;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    z-index: -1;
    -webkit-transform: perspective(50rem) rotateX(30deg);
    transform: perspective(50rem) rotateX(30deg);
    border-radius: 2px;
}

.legs .one,
.legs .two,
.legs .three,
.legs .four {
    width: var(--two-spacer);
    border: 3px solid var(--wp--preset--color--navy);
    z-index: -2;
    border-radius: 2px;
    margin-top: -9px;
}

.legs .one,
.legs .four {
    height: 150px;
}

.legs .two,
.legs .three {
    height: 100px;
}

.haters-waiters {
    position: absolute;
    top: 0;
    right: -2.5rem;
}
@media screen and (min-width: 1600px) {
    .haters-waiters {
        right: calc((-1 * (100vw - 1600px))/2 - 2.5rem);
    }
}

#table-wrapper svg {
    width: 100%;
    height: auto;
}

.sign-up input:not([type="submit"]) {
    border-bottom: 3px solid;
    font-weight: 700;
}

.sign-up button[type="submit"] {
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
    border-radius: var(--four-spacer);
    padding-left: var(--two-spacer) !important;
    padding-right: var(--two-spacer) !important;
    padding-top: var(--one-spacer) !important;
    padding-bottom: var(--one-spacer) !important;
    height: fit-content !important;
    line-height: normal;
    font-weight: 700;
    background-color: var(--wp--preset--color--black) !important;
    color: var(--wp--preset--color--off-white) !important;
}