:root{
    --primary-color: #ffc107e8;
    --secondary-color: #000000;
    --secondary-dark-color: #28a746;
    
    --white-color: #fff;
    --light-gb-color: #f2f3f5;
    --light-text-color: #c7899a;
    --border-color: #e5e8ec;
    --dark-color: #0a021c;
    --prussian-blue: hsl(202, 72%, 15%);
    --eerie-black: hsl(210, 11%, 15%);
}

body{
    height: 100vh;
    width: 100%;
    /* background-image: linear-gradient(rgba(0, 0, 0, 0.733), rgba(0, 0, 0, 0.76)), url('/images/femme-souriante-vue-face.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left bottom; */

    background-color: var(--secondary-dark-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: calc(60%);
    font-family: 'Poppins';
}

.top-card{
    background-color: var(--primary-color);
}
.card-body{
    background-color: rgb(231, 231, 231);
} 

.form-control{
   border-radius: 0;
   border: none;
   /* background-color: rgb(224, 224, 223); */
   font-size: 13px;
   color: var(--light-text-color);
   height: 45px;
   
}
.input-group-text{
    border-radius: 0;
    border: none;
    color: var(--primary-color);
    background-color: rgb(219, 218, 217);
    cursor: pointer;
}
.submit-btn{
    background-color: #28a746;
    color: #fff;
    border: 2px solid var(--primary-color);
    padding: 10px 20px;
}
.submit-btn:hover{
    background-color: var(--primary-color);
    color: #fff;
    border: 2px solid #28a746;
}