*{
    body{
   
        font-family: Georgia, serif;
       }
       .input-group .form-control {
         border-radius: 35px; /* Rounded corners for input */
       }
     
       .input-group .input-group-append .input-group-text {
         border-radius: 0 35px 35px 0; /* Only round the right corners */
         border-left: none; /* Remove left border to avoid double border effect */
       }
       .btn{
         border-radius: 35px;
         background-color:#84BB3A;
         color :white;
       }
       h3 ,.login-box-msg{
         color:#84BB3A;
       }
}
@media (max-width: 425px) {
    .container {
      max-width: 425px;
      
    }
    .container-fluid {
        max-width:425px;
        
    }
    .card{
        margin : 70px;
    }
}
@media (max-width: 375px) {
    .container {
      max-width: 375px;
    }
    .container-fluid {
        max-width:375px;
    }
    .card{
        margin : 50px;
    }
}        
@media (max-width: 320px) {
    .container {
      max-width: 320px;
    }
    .container-fluid {
        max-width:320px;
    }
    .card{
        margin : 30px;
    }
}