:root {
    font-size: 16px;
    --line: 1px solid #dad3d3
}

li {
    list-style: none
}

h1 {
    font-size: 2.5rem;
    font-weight: 700
}

h2 {
    font-size: 2rem
}

h3 {
    font-size: 1.5rem
}

#main-header {
    display: flex;
    justify-content: space-between;
    height: 4rem;
    background: #842d25;
    padding: 1rem 3rem;
    color: #fff;
    font-family: fantasy
}

#main-header>* {
    height: 4rem;
    line-height: 4rem
}

#main-header>h1 {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.main-wrap {
    padding: 3rem;
    overflow: hidden
}

.qna {
    background-color: #f5f1ef;
    margin-top: 3rem
}

.qna+.qna {
    margin-top: 3rem
}

.new-question-btn {
    width: 7rem;
    height: 3rem;
    font-size: 1rem;
    border-radius: .3rem;
    background-color: #2e9a52;
    float: right;
    margin-bottom: 1rem;
    box-shadow: 1px 2px #d0e2cf;
    cursor: pointer;
    color: #fff
}

.qna-wrap {
    clear: both
}

.qna-title {
    padding: 2rem
}

.question {
    border-top: var(--line);
    border-bottom: var(--line);
    padding: 3rem 2rem
}