:root { --c-main: #8d0006; --c-alt: #6d7fff; }

* { box-sizing: border-box; }
body { margin: 0 auto; padding-bottom: 60px; max-width: 400px; font-size: 16px; }
body, input, select, textarea, button { font-family: 'Rubik', sans-serif; }

.btn { text-decoration: none; border: none; color: white; background: var(--c-main); padding: 5px 10px; display: inline-block; cursor: pointer; font-size: 16px; }

.reg-form > .field { margin-bottom: 20px; }
    .reg-form > .field > .lbl { font-size: 14px; color: #777; margin-bottom: 2px; }
    .reg-form > .field > input { width: 100%; border: solid 1px #aaa; font-size: 16px; padding: 4px 8px; }

#title-bar { background: var(--c-main); display: flex; color: white; align-items: center; height: 40px; }
    #title-bar > a { color: white; text-decoration: none; padding: 4px; font-size: 20px; }
    #title-bar > .back { margin-right: 15px; }