body,
html {
  overflow: hidden;
  height: 100%;
  background: #e2e7ec url(../../img/fondo.jpg);
  background-size:cover;
  color:#666
}
.container-fluid{
  perspective: 300px;
}
.btn{
  cursor:pointer
}
.sign-box {
  width: 100%;
  max-width: 522px;
  margin: 15vh auto;
  background:rgba(255,255,255,0.7);
  background: radial-gradient(ellipse at center, rgb(254 254 254 / 20%) 0%,rgb(20 24 30 / 43%) 26%,rgb(33 33 31) 100%);
border: 1px solid #242525;
  border-radius: 5px;
  padding: 40px;
  font-size: 1rem;
  position: relative;
  max-height: 600px;
  overflow: hidden;
  opacity: 1;
  text-align: center;

  transition: .3s cubic-bezier(.3,1.5,.7,1) transform;
}
.enters{
  animation: slidedown 1.84s 1;
}

.shake {
  transform-origin: center;
  animation-name: shake;
  animation-duration: 400ms;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out
}
@keyframes slidedown{
  0%{ max-height:0px;opacity:0}
  100%{ max-height:600px;opacity:1}
}
@keyframes shake {
  0% {transform: none }
  12.5% {transform: translateX(-6px) rotateY(-5deg) }
  37.5% {transform: translateX(5px) rotateY(4deg) }
  62.5% {transform: translateX(-3px) rotateY(-3deg) }
  87.5% {transform: translateX(2px) rotateY(2deg) }
  100% {transform: none }
}

.input-group-text.bg-danger{
  border: none;
}