page2.css

body {
    background-image: url('page2.jpg'); /* Use second.jpeg as background */
    background-size: cover; /* Ensure background covers the entire screen */
    background-position: center; /* Center the background */
    font-family: 'Afacad', sans-serif; /* Updated font family */
    color: #000000; /* Set font color */
    display: flex; /* Use flexbox for centering */
    justify-content: center; /* Center content horizontally */
    align-items: center; /* Center content vertically */
    height: 100vh; /* Full viewport height */
    margin: 0; /* Remove default margin */
}

.container {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    background-color: 0 2px 10px rgba(0, 0, 0, 0.2); /* Background color with transparency */
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); /* Optional shadow for depth */
    width: 80%; /* Increased width for more space */
    max-width: 1200px; /* Maximum width */
}
.highlight {
    background-color: yellow; /* Yellow background for the highlighted text */
    padding: 4px; /* Padding around the text */
    border-radius: 4px; /* Optional: rounded corners */
}


.camera-section {
    flex: 1;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.9); /* Semi-transparent background */
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    margin-right: 20px; /* Space between sections */
}

.camera-section img {
    width: 100px; /* Adjust size as needed */
    height: 100px; /* Adjust size as needed */
}

.info-section {
    flex: 2;
    background-color: rgba(255, 255, 255, 0.9); /* Semi-transparent background */
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
}

h2 {
    text-align: center;
}

input[type="text"] {
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

/* Styles for file upload */
#file-upload {
    display: none; /* Hide the default file input */
}

.upload-label {
    display: inline-block;
    background-color: #444A36; /* Background color for the label */
    color: #ffffff; /* Text color */
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer; /* Pointer cursor on hover */
    margin-top: 10px; /* Space above the label */
}

.upload-label:hover {
    background-color: #37271B; /* Darker background on hover */
}