body {
  background-color: black;
  overflow: hidden;
  overflow-y: scroll;
  color: white !important;
  text-align: center;
  transition: all 1s;

}
.all {
  height: 99vh;
  width: 99vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.step {
  opacity: 0;
  transition: all 1s;
  display: none;
}

.typing {
  display: flex;
  align-items: center;
  justify-content: center;
}
input{
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border-radius: 4px;
    box-sizing: border-box;

}
input.danger{
    border: 2px solid red;
    border-radius: 8px;
}
input.success{
    border: 2px solid green;
    border-radius: 8px;
}
.bg{
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    transition: all 1s;

}
.bg img{
    width: 100%;
    height: 100%;
}

.after{
  color: black !important;

}

.contain_after{
  padding: 20px !important;
  /* overflow-y: scroll; */
}