div.questioncontainer {
    background-color: rgb(118,149,146);
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    border-style: solid;
    border-color: rgb(83,114,111);
}

.selectableanswer {
    background-color: rgb(103,134,131);
    margin-bottom: 10px;
    cursor: pointer;
    border-style: solid;
    border-color: rgb(53,84,81);
    color: black;
}

.selectableanswer:hover {
    background-color: rgb(83,114,111);
}

.active, .active:hover {
    background-color: rgb(172, 145, 255);
}

.nextbutton {
    background-color: rgb(163,194,191);
    cursor: pointer;
    border-style: solid;
    border-color: rgb(53,84,81);
    color: black;
}

.nextbutton:hover {
    background-color: rgb(125, 104, 219);
}


div.result {
    background-color: rgb(118,149,146);
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    border-style: solid;
    border-color: rgb(83,114,111);
    display: none;
    margin-top: 15px;
}

.resultsimage {
    width: 50%;
    height: auto;
    display: block;
    margin:auto;
}

h2 {
    text-align: center;
}

div.pleaseselect {
    background-color: darkred;
    border-style: solid;
    border-color: red;
    color: white;
    text-align: center;
    margin-bottom: 15px;
    display: none;
}