.btn-color{
  background-color: #0e1c36;
  color: #fff;
  
}

.profile-image-pic{
  height: 200px;
  width: 200px;
  object-fit: cover;
}



.cardbody-color{
  background-color: #ebf2fa;
}

a{
  text-decoration: none;
}
/*animation shake*/
.error {
  position: relative; /*FOR ANY ANIMATION IT SHOLUD BE RELATIVE*/
  animation: shake 0.2s;
}

@keyframes shake {
  0%,100%{
    left: 0px;
  }
  20%,80%{
    left: -15px;
  }
  40%,60%{
    left: 15px;
  }
}
.header {
    height: 50px;
    background: darkblue;
    color: #fff;
    text-align: left;
}
.gap-20{
  gap: 20px;
}