body {
    padding: 0;
}

@media only screen and (min-device-width: 768px) {
    #main-row {
        padding-inline: 2rem !important;
    }
}
@media only screen and (min-device-width: 992px) {
    #main-row {
        padding-inline: 3rem !important;
    }
}

#dynamicReloadContainer {
    background-color: #eee;
    padding-block: 2rem;
    min-height: calc(100vh - 92px);
}
#main-row {
    width: 100%;
    max-width: 1024px;
    margin: auto;
    padding: 2rem 1rem;
    background-color: #fff;
    border-radius: 2rem;
    border: 2px dotted var(--color-primary);
}
#welcome-container {
    text-align: left;
}
#welcome-container .survey-name {
    color: var(--color-primary);
}
/* add the line before group blocks */
div.group-container::before {
    display: block;
    content: '';
    height: 1px;
    width: 70%;
    margin-inline: auto;
    background-color: var(--color-primary-bright);
}
/* remove question icon */
.ls-questionhelp::before {
    display: none;
}
/* lower input padding -> help text is closer */
.ls-answers {
    padding-block: 5px;
}
.question-container {
    padding-bottom: 5px;
}
.question-title-container {
    padding-block: .5em;
}