html { font-size: 14px; }
.tile { padding: 5px; }
.add-button { height: 80%; margin: 2px 15px 2px auto; line-height: 2rem; font-weight: bold; }
.spaced { padding: 5px; }
.hidden { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 2s; }
.invalid { border-color: red; color: red;}
.floaty {
  position: absolute;
  z-index: 100;
  width: 100%;
}
.global-notification { margin-left: 20%; margin-right: 20%; max-width: 60%; bottom: 20px; }
.taut-logo { background-image: url('/images/taut.png'); min-width:50px; background-size: contain; background-repeat: no-repeat; margin-left: 1rem; }
.nav-fill { flex-grow: 1; }
.navbar-item.title { margin-left: 1rem; }
.navbar-end { margin-right: 2rem; }
.recover { width: 100%; text-align: right; align-self: center; }
.button { align-self: center; z-index: 9; }
footer>button.button { margin-left: 1rem; }
.field.hidden { display: none; }

form   { margin-top: 8px; }
@keyframes expose { from {display: none;} to {display: block;} }
section.animated { transition: visibility 2s;}