* {
    box-sizing: border-box;
}

html {
    font-size: 20px;
}

* {
    margin: 0;
    padding: 0;
    font-family: 'Inter';
    font-weight: 300;
}

.un-page {
    /*
    width: 80%;
    max-width: 960px;
    margin: 1rem auto;
    */
    padding: 2rem;
}

h1 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1em;
}

h1 span {
    font-weight: 300;
}

h2 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2em;
    margin-bottom: 2rem;
}

h1+p {
    margin-top: 2rem;
}

h2 {
    margin-bottom: 2rem;
    font-size: 1rem;
}

p {
    margin-bottom: 1em;
}

form .un-submit-row {
    margin-top: 1.75rem;
}

.hidden {
    display: none;
}

a:link, a:visited {
    text-decoration: none;
    color: #999;
}

a.underline:link, a.underline:visited {
    text-decoration: underline;
    color: #000;
}

a.subtle-underline:link, a.subtle-underline:visited {
    border-bottom: 1px solid #999;
    color: #000;
}

a.subtle-underline:hover {
    border-bottom: 1px solid #000;
    color: #000;
}

a:hover, a.emphasis:hover {
    color: black;
}

.footer a.emphasis:hover {
    color: #000;
}

.secondary {
    color: #999;
}

h1 a:link, h1 a:visited {
    border-bottom: none;
    text-decoration: none;
    color: black;
    font-weight: bold;
}

button, a.button:link, a.button:visited {
    border: 1px solid #333;
    border-radius: 6px;
    padding: 10px 20px;
    font-size: 1rem;
    background: white;
    display: inline-block;
    color: black;
    cursor: pointer;
}

button:focus, a.button:focus {
    background: #f2f2f2;
}

input[type=text], input[type=password] {
    border: 1px solid #999;
    border-radius: 6px;
    padding: 10px;
    font-size: 1rem;
    background: white;
    display: inline-block;
    color: black;
}

form {
    margin-top: 4rem;
}

.row {
    margin-bottom: 2rem;
}

.label {
    font-weight: 600;
}

.sublabel {
    margin-top: 0.5rem;
}

.hint {
    margin-top: 0.5rem;
    font-size: 0.8rem;
    color: #666;
}

input[type=text], input[type=email], input[type=password] {
    margin-top: 0.5rem;
    border: 1px solid #999;
    border-radius: 6px;
    padding: 10px;
    font-size: 1rem;
    background: white;
    display: inline-block;
    color: black;
    width: 100%;
    max-width: 960px;
}

.row label {
    display: block;
    margin: 1rem 0;
}

input[type=radio] {
    margin-right: 0.5rem;
    color: black;
}

.warning {
    color: #007bff;
    margin-top: 0.5rem;
}

strong {
    font-weight: 600;
}

.section-break {
    margin-top: 2rem;
}

.footer {
    color: #999;
}

.terms .nav {
    margin-top: 1rem;
}

.terms .nav a {
    color: #666;
    text-decoration: underline;
    margin-right: 1rem;
}

@media only screen and (max-width: 768px) {
    .terms .nav a {
        display: block;
        margin-bottom: 1rem;
    }
}

.terms.tos a.tos, .terms.privacy a.privacy, .terms.acceptable a.acceptable {
    font-weight: bold;
    text-decoration: none;
    color: #000 !important;
}

.terms h3 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
    margin-top: 2rem;
    margin-bottom: 0.5em;
}

.terms h4 {
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 0.5em;
}

.terms h5 {
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: 0.5em;
}

.terms ul, .terms ol {
    padding: 0 2rem;
}

.terms li {
    margin-bottom: 1rem;
}

.terms h1 {
    font-size: 2rem;
}

.terms h1+p {
    margin-top: 1rem;
}

.terms .terms-content a {
    text-decoration: underline !important;
    color: #000 !important;
}

.blue {
    color: #007bff !important;
}