/* Base */
.wid-10 { width: 10%; }
.wid-20 { width: 20%; }
.wid-25 { width: 25%; }
.wid-30 { width: 30%; }
.wid-40 { width: 40%; }
.wid-50 { width: 50%; }
.wid-60 { width: 60%; }
.wid-70 { width: 70%; }
.wid-75 { width: 75%; }
.wid-80 { width: 80%; }
.wid-90 { width: 90%; }
.wid-100 { width: 100%; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.transition { -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }
.h1 { font-size: 3rem; line-height: 3.6rem; font-weight: 600; }
.h2 { font-size: 2.4rem; line-height: 3.2rem; font-weight: 600; }
.h3 { font-size: 1.8rem; line-height: 2.8rem; font-weight: 500; }
.h4 { font-size: 1.6rem; line-height: 2.4rem; font-weight: 500; }
.text-dark { color: var(--color-text-dark); }
.text-dark > a:hover { color: var(--color-text); }

/* Register */
.page-register { position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; display: flex; justify-content: center; align-items: center; }
.page-register .register-container { display: flex; flex-direction: column; max-width: 40rem; border: 1px solid var(--color-border); margin: 2.4rem; padding: 4rem; border-radius: .6rem; }
.page-register .register-container img { width: max-content; width: 3rem; margin-bottom: 4rem; }
.page-register .register-container .form { margin-top: 2.4rem; }
.page-register .register-container .form > .text-dark { font-size: 1.2rem; }
.page-register .register-container .form > .text-dark a { text-decoration: underline; }
.page-register .register-container > .text-dark { margin-top: 1.6rem; }

/* Error */
.error { position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; display: flex; justify-content: center; align-items: center; }
.error .error-container { display: flex; flex-direction: column; align-items: center; max-width: 36rem; margin: 2.4rem; }
.error .error-container > .icon { color: var(--color-red); font-size: 5.2rem; }
.error .error-container .h2 { margin: 1.6rem 0 .8rem 0; }