/* Reset CSS */body {    font-family: 'Roboto', sans-serif; /* Changed font to Roboto for a professional look */    margin: 0;    padding: 0;    background: #f3f4f6; /* Changed background color to a lighter shade */}/* Container Styles */.container {    max-width: 90%;    margin: 50px auto;    padding: 20px;    background-color: #fff;    border-radius: 10px;    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);    display: flex;    justify-content: space-between; /* Distribute space between containers */    flex-wrap: wrap; /* Allow content to wrap on smaller screens */}.mobile-container {    width: calc(30% - 20px); /* Set width to 30% with margin */    margin: 10px; /* Add margin to create space between containers */    padding: 20px;    background: #f9f9f9;    border-radius: 8px;    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}/* Typography */h1 {    text-align: center;    margin-bottom: 30px; /* Increased margin for better spacing */    font-size: 28px; /* Increased font size for emphasis */    color: #333; /* Darkened text color for better readability */}h2 {    text-align: center;    text-decoration: underline;    margin-bottom: 20px;    font-size: 24px; /* Increased font size for emphasis */    color: #555; /* Darkened text color for better readability */}label {    display: block;    margin-bottom: 10px; /* Adjusted margin for better spacing */    font-size: 16px; /* Increased font size for better readability */    color: #666; /* Darkened text color for better readability */}/* Input Styles */.form-group {    margin-bottom: 1rem;}input[type="text"] {    width: 80%; /* Set width to 80% of parent container */    padding: 15px;    font-size: 16px;    border: 1px solid #ccc;    border-radius: 6px;    transition: border-color 0.3s ease;}input[type="text"]:focus {    outline: none;    border-color: #007bff;    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);}input[type="text"]:read-only {    background-color: #f5f5f5;    color: #333;    cursor: not-allowed;}footer p {    font-size: .6em;}/* Image Styles */img {    display: block;    margin: 0 auto 20px;    height: 100px; /* Set fixed height for uniformity */    object-fit: cover; /* Maintain aspect ratio */    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}/* Responsive Styles */@media only screen and (max-width: 768px) {    .container {        justify-content: center; /* Center containers on mobile */    }    .mobile-container {        width: calc(100% - 40px); /* Set width to 100% with margin */        margin: 10px 0; /* Adjust margin for better spacing */    }    input[type="text"] {        width: 80%; /* Set width to 80% on mobile */    }}