.r-input.error {
  border-color: rgb(239 68 68);
  border-width: 2px;
}

.profile-bubble {
  opacity: 0;
  transition: opacity 2s;
  -webkit-transition: opacity 2s; /* Safari */
}

.footer-bg {
  background-image: url('/images/pattern.png');
}

@media (min-width: 300px) {
  .h-body {
    min-height: calc(100vh - 120px);
  }
}

@media (min-width: 768px) {
  .h-with-left-column {
    height: calc(100vh - 60px);
  }

  .h-body {
    min-height: calc(100vh - 60px);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fade-in {
  animation: fadeIn 0.1s ease-in-out 0s 1;
}
.fade-out {
  animation: fadeOut 0.1s ease-in-out 0s 1;
}