@font-face {
    font-family: 'Ealing Regular';
    src: url('/Users/kevinmeyer/Library/Mobile Documents/com~apple~CloudDocs/Trust Anchor/Cyberpunk dinner/Hackers:The Net/Site files/fonts/Ealing Regular W00 Regular.ttf') format('truetype'); /* Adjust the path to the font file */
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Ealing Regular', sans-serif;
    font-size: 30px; /* Set your desired font size here */
    color: #656A91; /* Set your desired font color here */
    margin: 0; /* Reset margin to ensure proper alignment */
}

input[type="text"] {
    margin-bottom: 20px;
    padding: 5px;
    font-size: 20px;
    font-family: Courier, monospace;
    color: #7B795D;
    border: 1px solid #7B795D;
    background-color: #000000;
    box-sizing: border-box; /* Ensure padding and border are included in width */

}

header {
    position: relative; /* Allows child elements to be positioned absolutely */
}

.image-container {
    position: relative; /* Container for positioning the form over the image */
}

.header-image {
    margin-top: 20px;
    width: 100%;
    height: auto;
    display: block;
}

.overlay-form {
    position: absolute; /* Position the form over the image */
    top: 20%; /* Adjust this to move the form down */
    left: 50%; /* Center the form horizontally */
    transform: translateX(-50%); /* Center the form horizontally */
    background: none; /* Remove background */
    padding: 20px;
    border-radius: 8px; /* Optional: rounded corners */
}

.form-field {
    position: absolute; /* Allows for independent positioning */
}

#name-field {
    top: 140px; /* Adjust the top position */
    left: -410px; /* Adjust the left position */
    width: 1000px; /* Adjust the width for the Name field */
}

#alias-field {
    top: 140px; /* Adjust the top position */
    left: -80px; /* Adjust the left position */
    width: 1000px; /* Adjust the width for the Alias field */
}

#address-field {
    top: 220px; /* Adjust the top position */
    left: -410px; /* Adjust the left position */
    width: 1000px; /* Adjust the width for the Address field */
}

#city-field {
    top: 300px; /* Adjust the top position */
    left: -410px; /* Adjust the left position */
    width: 1000px; /* Adjust the width for the City field */
}

#state-field {
    top: 300px; /* Adjust the top position */
    left: -20px; /* Adjust the left position */
    width: 1000px; /* Adjust the width for the State field */
}

#zip-field {
    top: 300px; /* Adjust the top position */
    left: 180px; /* Adjust the left position */
    width: 1000px; /* Adjust the width for the Zip field */
}

#email-field {
    top: 380px; /* Adjust the top position */
    left: -410px; /* Adjust the left position */
    width: 1000px; /* Adjust the width for the Email field */
}

.done-button {
    position: absolute;
    bottom: -505px; /* Position the button at the bottom */
    left: 313px;
    transform: translateX(-50%);
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    outline: none;
}

.done-button img {
    width: 180px;
    height: auto;
    border: none;
}

.secondary-image {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 20px;
}

.container {
    max-width: 1200px; /* Adjust this value to your desired maximum width */
    margin: 0 auto; /* Center the container horizontally */
    padding: 0 20px; /* Optional: add some padding on the sides */
}