body {
        font-family: Arial, sans-serif;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100vh;
        margin: 0;
        background-color: #343D3F;
        color: white;
    }
    form {
        width: 300px;
        border: 2px solid gray;
        padding: 20px;
        border-radius: 1em;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    input, select {
        margin: 10px;
        padding: 5px;
        border-radius: 1em;
        width: 100%;
    }
    .password-container {
        position: relative;
        width: 100%;
    }
    #password {
        width: calc(100% - 30px); /* Adjust width to accommodate the eye icon */
    }
    .eye-icon {
        position: absolute;
        top: 50%;
        right: 5px;
        transform: translateY(-50%);
        cursor: pointer;
    }
    label {
        text-align: center;
    }