#url {
  width: clamp(200px, 90%, 576px);
  margin-bottom: 1rem;
  font-size: 1.1rem;
}

#wrapper {
  display: grid;
  place-items: start center;
  width: 100vw;
  min-height: 100vh;
  padding-bottom: 3rem;
}

form {
  width: 100%;
}

button > i.fa {
  margin-right: 0.3em;
}

label {
  display: block;
  margin-bottom: 0.2rem;
}

#settings {
  text-align: left;
}

#result:not(:empty) {
  padding: 1.5em 0;
  font-size: larger;
}

.hidden {
  display: none;
}

.fa {
  margin-right: 0.4em;
}

#sesame_phrase {
  width: clamp(100px,90%,376px);
  padding: 1em 0;
}

:not(.btn-group) > .btn {
  margin: .2em;
}

#wrapper {
  padding-top: 100px;
}

body {
  font-family: AtkinsonHyperlegibleRegular, sans-serif;
  font-size: 1.1rem;
}

#url, #password, .btn {
  padding-top: .5em;
  font-size: 1.1rem;
}

.navbar-brand {
  font-weight: bold;
}

.resetAnimation {
  animation-name: none;
}

footer .nav {
  font-size: smaller;
}

footer {
  background: #efefef;
  border-top: 1px solid #dedede;
  position: fixed;
  width: 100vw;
  bottom: 0;
}