masks-personality-quiz/interface/static/css/style.css

body {
    padding: 60px 0;
}

.wrapper-answer {
    padding-left: 5px;
    height: fit-content;
}

.wrapper-radio {
    vertical-align: middle;
}

.wrapper-option {
    vertical-align: middle;
    border-bottom: 0.25px solid;
    border-collapse: collapse;
    border-spacing: 0;
}

.wrapper-option.last-option {
    border-bottom: none;
}

.question {
    margin: 0 auto 24px auto;
}

.sourcebook-title {
    font-style: italic;
    display: inline;
}

.small-caps {
    font-variant-caps: small-caps;
}

.right-padded-cell {
    padding-right: 10px;
}

.label-score {
    text-align: right;
}

h1 {
    padding: 30pt 0 60pt;
}

.section-head {
    margin: 40px 0px 20px 0px;
}

.result, .glossary {
    margin: 30pt 0 0pt
}

.graph-column {
    display: inline-block;
}

.take-quiz {
    margin: 10px auto 10px auto;
    display: block;
}

.right-margin {
    margin-right: 30px;
}

.left-margin {
    margin-left: 30px;
}

.centre-buttons {
    text-align: center;
    margin: 30px 0 0 0;
}

@media only screen and (max-width: 400px) {
    .graph-column {
        display: none;
    }
}