body {
  background-color: #040f16;
}

.reset-box {
  background-color: #051825;
  border-radius: 15px !important;
}

input[class="form-control"], input[class="form-control"]:focus{
  background: transparent;
  border: 2px solid #032b45;
  padding: 22px 15px;
  border-radius: 40px !important;
  color: #fff;
}

input[class="form-control"]:hover, input[class="form-control"]:focus  {
  background: transparent;
  border: 2px solid #032b45;
}

button {
  background: #032f4d !important;
  border: none !important;
  padding: 13px 10px !important;
  border-radius: 40px !important;
}

button:focus {
  box-shadow: 0 0 0 .2rem rgb(8 71 114) !important;
}


.wrong {
  color: red;
  font-weight: 600;
}

.msg-box {
  position: absolute;
  bottom: 15px;
  right: 25px;
  overflow: hidden;
}

.msg-text {
  padding: 10px 30px;
  border-radius: 56px;
  animation: msg-trans .5s;
}

@keyframes msg-trans {
  0% {
    transform: translateY(75px);
  }
}

.msg-text.hide {
  transform: translateY(75px);
  transition: .5s;

}

.msg-box .msg-wrong {
  color: red;
}

.msg-box .msg-success {
  color: green;
}