body { padding: 0; margin: 0; width: 100%; height: 100%; height: 100vh; font-size: 100%; }

main { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }

h1:first-child { margin-top: 0; }

label { display: block; width: 100%; margin-top: 20px; }
input, textarea, select { display: block; width: 100%; margin: 0 0 10px 0; border: 1px solid #ddd; }
input[type="file"] { border: none; }
input[type="submit"] { display: inline-block; width: auto; border: none; padding: 5px 10px; background: #ddd; cursor: pointer; color: var(--text); }

.note { display: inline-block; padding: 15px 30px; color: #fff; background: #2E93B7; font-size: 120%; margin-bottom: 20px; }
.note.warning { background: #B92727; }

.button, input[type="submit"] { display: block; padding: 5px 10px; color: #fff; background: #24A67F; font-size: 120%; text-decoration: none; margin-top: 10px; transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; width: 100%; text-align: center; }
.button:hover, input[type="submit"]:hover { margin-left: -10px; }