* {
    box-sizing: border-box;
}

h1, h2, .price {
    font-family: Halvetica;
    font-weight: bold;
}

h2 {
    font-size: 32px;
    color: white;
}

main {
    margin: 0 1%;
}

.title h1 {
    font-size: 100px;
    color: khaki;
    text-align: center;
    background-image: url("../img/pattern.jpeg");
    margin: 5% 1%;
}

#brush h2 {
    background-color: mediumspringgreen;
}

#frame h2 {
    background-color: lightcoral;
}

#paint h2 {
    background-color: skyblue;
}

span.price::before {
    content: "Starting at";
}

#brush span.price::after {
    content: "/ brush.";
}

#frame span.price::after {
    content: "/ frame.";
}

#paint span.price::after {
    content: "/ tube.";
}

span.price {
    color: blue;
}
