/* :( */
form {
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.order-items {
    margin-top: 8vh;
    border-top: 1px solid gray;
    width: 40vw;
    min-height: 8vh;
}
.order-items, .order-location, .order-login, .order-buttons {
    border-bottom: 1px solid gray;
    width: 40vw;
    min-height: 8vh;
}
.order-buttons {
    margin-bottom: 12vh;
}

/* order items */
.order-items div {
    width: 40vw;
    min-height: 8vh;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.order-items div span, b, i, a {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 2vh;
    color: white;
}
.order-items div i {
    color: lightgray;
}
.order-items div a {
    text-decoration: none;
    color: coral;
}

/* location */
.order-location div {
    width: 40vw;
    min-height: 8vh;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

/* login */
.order-login {
    width: 40vw;
    min-height: 8vh;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.order-login input {
    border: 1px solid white;
    padding: 8px 14px;
    background-color: black;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.5vh;
    color: white;
}

/* buttons */
.order-buttons {
    width: 40vw;
    min-height: 8vh;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.order-buttons a {
    color: coral;
}
.order-buttons input {
    border: 1px solid white;
    padding: 8px 14px;
    background-color: black;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.5vh;
    color: white;
}

/* responsive */
@media only screen and (max-width: 768px) {
    
    .order-items, .order-items div, .order-location, .order-location div, .order-login, .order-buttons{
        width: 80vw;
    }
    
}