body {
  background-color: #dddbdb;
}



.container  {
background-color: rgb(255, 255, 255);
border-radius: 4px;

}



.form-outline .form-control:focus ~ .form-notch .form-notch-leading {
      border-top: 0.125rem solid #f93154;
      border-bottom: 0.125rem solid #ff4060;
      border-left: 0.125rem solid #f93154;
}
.form-outline .form-control:focus ~ .form-notch .form-notch-middle {
      border-bottom: 0.125rem solid;
      border-color: #f93154;
}

.form-outline .form-control:focus ~ .form-notch .form-notch-trailing {
      border-color: currentcolor currentcolor currentcolor #f93154;
      border-bottom: 0.125rem solid #f93154;
      border-right: 0.125rem solid #f93154;
      border-top: 0.125rem solid #f93154;
}

.form-outline .form-control:focus ~ .form-label {
      color: #f93154;
      top: 0px !important;
}


/* .alert {
  
} */