* {
  background-color: #2c3038!important;
}
.form-control-lg {
  background-color: #f5f5f5!important;
}
.main-wrapper {
  position: absolute;
  top: 33%;
  bottom: 33%;
  width: 95%;
}
.card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 26px;
  margin-right: 0px;
}

.bg-suc {
  background-color: #009688!important;
}
.log {
  border-radius: 30px!important;
  border: none;
  max-width: -webkit-max-content!important;
  max-width: -moz-max-content!important;
  max-width: max-content!important;
  width: 100%!important;
  font-weight: 400!important;
  font-size: 18px!important;
  line-height: initial!important;
  text-align: center!important;
  color: #ffffff!important;
  padding: 8px 25px 8px 25px!important;
  transition: all .5s ease!important;
}
.warn {
  background-color: #ffb848!important;
}
.bg-dark {
  background-color: #2c3038!important;
}
.alert-danger {
  color:#dc3545!important;
  background-color:transparent!important;
  border-color:#dc3545!important;
  border-radius: 30px!important;
  width: 395px;
}
.form-control-lg {
  border-radius: 30px!important;
  background-color: transparent!important;
  padding: 11px 20px 10px 20px!important;
  border: 1px solid #4d5b5d!important;
  color: #4d5b5d!important;
  width: 400px!important;
}
input[type = text]:focus,
input[type = password]:focus {
  border-color: #4d5b5d!important;
  box-shadow:none!important
}
.sign {
  font-size: 28px!important;
  text-align: center;
  margin-bottom: 40px;
  color: #ffffff;
}
.input-group {
  display: block!important;
}

@media only screen and (max-width: 425px) {
  .card-body .form-control-lg {
    width: 285px!important;
  }
  .log {
    font-size: 15px!important;
  }
  .border-secondary .col-12 .form-group {
    margin-top: -1rem!important;
  }
}