body {
    background-image: url("background.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
}

div{
    text-align: center;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}

#Title {
    background: hotpink;
    color: blue;
    border-color: purple;
    border-style: solid;
    border-width: 7px;
    font-family: Verdana;
}
.timer {
    background: hotpink;
    border-color: purple;
    border-style: solid;;
    font-size: 32px;
    color: #cc0000;
    border-width: 7px;
}

.highButton {
    background-color: lightblue;
    border: 3px;
    border-style: solid;
    font-size: 32px;
}
.lowButton {
    background-color: lightblue;
    border: 3px;
    border-style: solid;
    font-size: 32px;

}
.resetButton {
    background-color: lightblue;
    border: 3px;
    border-style: solid;
    font-size: 32px;
}

.highButton:hover {
    background-color: hotpink;
}
.lowButton:hover {
    background-color: hotpink;
}
.resetButton:hover {
    background-color: hotpink;
}

#pointsDisplay {
    background: #ffff66;
    color: blue;
    border-style: solid;
    border-color: purple;
    border-width: 7px;

}