body {
    font-family: 'Outfit', sans-serif;
    background-color: #0831ff;
}

.card {
    max-width: 500px;
    width: 100%;
    border-radius: 15px;
}

.card-logo {
    max-width: 150px; /* Adjust as needed */
    height: auto;
    margin-bottom: 20px; /* Space between logo and title */
}

.company-heading {
    color: #0831ff; 
    font-weight: bold;
    /* text-transform: uppercase; */
    /* letter-spacing: 1px; */
}

.app-footer {
    color: #010101; /* Darker text color */
    padding: 1.5rem 0; /* Vertical padding */
    font-size: 0.875rem; /* Smaller font size */
    text-align: center;
    width: 100%;
    position: sticky;
    top: 100vh;
    margin-top: auto;
}
.app-footer a {
    color: #eef3f8; /* Blue link color */
    text-decoration: none;
}
.app-footer a:hover {
    text-decoration: underline;
}

#webcamFeed {
    width: 100%;
    height: auto;
    max-height: 400px; /* Limit height for larger screens */
    object-fit: cover; /* Ensures the video fills the container */
}

#capturedImage {
    max-width: 100%;
    height: auto;
    max-height: 400px;
}