@media screen and (min-width:992px) {

    .questions,
    .question {
        height: 800px;
        overflow: auto;
        scrollbar-width: none;
    }
}

@media screen and (max-width:991px) {
    .question {
        margin-bottom: 10px;
    }
}

.questions>div {
    margin-bottom: 10px;
}

.question-title,
.question-category-name,
.question-extra {
    background-color: beige;
    padding: 10px;
}

.question-title {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.question-extra {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.question-category-name {
    border-bottom: 1px solid #8a8988;
}

.question-extra div {
    text-align: center;
}

.question-extra div:nth-child(1),
.question-extra div:nth-child(2) {
    border-right: 1px solid #8a8988;
}

#collect-or-cancel {
    cursor: pointer;
}

.question-detail-tab {
    margin-top: 10px;
    background-color: beige;
    padding-top: 10px;
    line-height: 2;
    border-bottom: 1px solid rgb(141, 138, 138);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.question-detail-tab div:nth-child(1) {
    border-bottom: 3px solid rgb(0, 174, 255);
}

#show-or-hide-answer:hover {
    background-color: #8a8988;
    border-radius: 5px;
    cursor: pointer;
}

.question-detail {
    line-height: 2;
    background-color: beige;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 20px;
    margin-bottom: 10px;
    display: none;
}

#hide-answer {
    text-align: center;
    line-height: 3;
    background-color: beige;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 20px;
    margin-bottom: 10px;
}

.question-prev-next {
    padding: 20px;
    line-height: 2;
    background-color: beige;
    border-radius: 10px;
}

.question-prev-next>div:nth-child(2) {
    text-align: right;
}

.hot-questions {
    background-color: rgb(216, 225, 216);
    border-radius: 10px;
}

.hot-question-title {
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-image: linear-gradient(orange, white);
}

.hot-question-row {
    padding: 5px;
}