@background: #fff4d9; @text: #ec6d7d; @accent: #a3c4ef; * { box-sizing: border-box; color: @text; margin: 0 auto 0.5em auto; text-align: center; } html, body { background-color: @background; background-image: url("background.png"); font-size: 3vmin; margin: 0; padding: 0; } button { padding: 1em; white-space: nowrap; width: 100%; &.pagination:not(.normal) { position: absolute; bottom: 5vmin; width: auto; &.prev { left: 5vmin; } &.next, &.start { right: 5vmin; } } } h3 { font-size: 0.9em; } input { width: 100%; text-align: left; &[type="checkbox"] { width: auto; margin-right: 1em; position: relative; top: 0.25em; left: 0.25em; } } img { max-height: 12em; max-width: 100%; } p { font-size: 0.8em; margin: 0 auto 1em auto; } label { font-size: 0.75em; font-weight: bold; } textarea { height: 20em; padding: 0.5em; text-align: left; width: 100%; } .background { background-color: @background; padding: 0.5em; border-radius: 0.5em; } .checkboxes label { margin-right: 1em; } .image-container { height: 38.5vmin; text-align: left; } .page { height: 80vmin; width: 80vmin; background-color: @background; border-radius: 5vmin; box-shadow: @accent 0.5vmin 0.5vmin; padding: 5vmin; position: relative; }