/* INSIDE hw8.css file */

body {
    font-family: courier;
    background: coral;
    color: black;
}

h1 {
    text-align: center;
}

h3 {
    text-align: center;
}

.myform {
    display: inline-block;
    border: 2px solid black;
    padding: 20px;
    background: white;
    position: absolute;
    right: 43%;
}

.rating {
    display: inline-block;
    border: 2px solid black;
    background: white;
    position: absolute;
    width: 400px;
    height: 700px;
    overflow-y: auto;   /* this is vertical scrolling */
    overflow-x: auto;   /* this is horizontal scrolling */
    white-space: nowrap; /* makes everything horizontal */
}

.priceHigh {
    display: inline-block;
    border: 2px solid black;
    background: white;
    width: 400px;
    height: 700px;
    position: absolute;
    overflow-y: auto;   /* this is vertical scrolling */
    overflow-x: auto;   /* this is horizontal scrolling */
    white-space: nowrap; /* makes everything horizontal */
}

.priceLow {
    display: inline-block;
    border: 2px solid black;
    background: white;
    width: 400px;
    height: 700px;
    position: absolute;
    overflow-y: auto;   /* this is vertical scrolling */
    overflow-x: auto;   /* this is horizontal scrolling */
    white-space: nowrap; /* makes everything horizontal */
}

#box1 {
    border: 2px solid black;
    padding: 10px;
    margin: 20px 20px 0px 20px;
}

#box2 {
    border: 2px solid black;
    padding: 10px;
    margin: 0px 20px 0px 20px;
}

#box3 {
    display: inline-block;
    border: 2px solid black;
    margin: 0px 20px 20px 20px;
}