html {
  font-size: 14px;
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.btn-circle:active {
  transform: scale(0.9);
  transition: transform 0.1s ease-in-out;
}

.navbar {
  padding-top: env(safe-area-inset-top);
}

@@media screen and (max-width: 768px) {
  /* Stop iOS zoom on focus */
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  textarea {
    font-size: 16px !important;
  }
  /* If the text looks too big at 16px, scale it down visually 
       while keeping the browser thinking it's 16px */
  .input-sm {
    font-size: 16px !important;
    transform: scale(0.875); /* Makes it look like 14px */
    transform-origin: left center;
    width: 114.3%; /* Offsets the scale to keep it full width */
  }
}