/* Main theme color */

.bg-main-theme {
    background-color: rgb(33, 117, 228);
}

.handwritten {
    font-family: 'Pacifico', cursive;
}

/* Distinguish survey and quiz */

.survey-bg {
    background-color: rgb(185, 205, 241) !important;
}

.quiz-bg {
    background-color: rgb(247, 207, 207) !important;
}

/* Size of charts */

.container-canvas-binary {
    position: relative;
    margin: auto;
    height: 40vh;
    width: 90%;
}
.container-canvas-agree {
    position: relative;
    margin: auto;
    height: 40vh;
    width: 90%;
}

@media (min-width: 768px) {
    .container-canvas-binary {
        position: relative;
        margin: auto;
        height: 40vh;
        width: 40vw;
    }
    .container-canvas-agree {
        position: relative;
        margin: auto;
        height: 40vh;
        width: 60vw;
    }
}

/* Size of question image */

#question-img {
    width: 100%;  /* For mobile phones */
}

@media only screen and (min-width: 768px) {
    #question-img {
        width: 400px;  /* For desktop */
    }
}

/* Colors for multiple choice buttons */

.choice1 {
    background-color: #dc3545;
}
.choice2 {
    background-color: #007bff;
}
.choice3 {
    background-color: #d8a408;
}
.choice4 {
    background-color: #28a745;
}
.choice5 {
    background-color: #880488;
}