@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

.card {
    border: 1px solid #ccc;  
    border-radius: 10px;  
    padding: 20px;  
}

img {
    max-width: 100%;  
    height: auto;  
}

.login-title {
    font-family: 'Mongolian Baiti', sans-serif;  
    font-size: 2.2rem;  
    font-weight: bold; 
    color: rgb(52, 73, 94);  
    margin-bottom: 20px;  
}

 .form-control {
    font-size: 1rem;  
}

/* Media query for responsive design */
@media (max-width: 768px) {
    .login-title {
        font-size: 1.5rem;  
    }

    .form-control {
        font-size: 0.9rem; /* Smaller input size on smaller screens */
    }

    .btn {
        font-size: 0.9rem; /* Smaller button size on smaller screens */
    }
}

@media (max-width: 576px) {
    .login-title {
        font-size: 1.25rem; /* Even smaller title size on mobile */
    }

    .form-control {
        font-size: 0.8rem; /* Smaller input size on mobile */
    }

    .btn {
        font-size: 0.8rem; /* Smaller button size on mobile */
    }
}