/* Reset body styles */
body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: 'Courier New', Courier, monospace;
    background: black;
    color: #00ff00;
    display: flex;
    flex-direction: column; /* Stack elements vertically */
    justify-content: center;
    align-items: center;
}

/* Ensure elements are stacked properly */
.hacker-container {
    width: 100%;
    display: flex;
    flex-direction: column; /* Stack elements vertically */
    justify-content: center;
    align-items: center;
}

/* Typing box stays aligned properly */
.typing-box {
    width: 60%;
    text-align: left;
    line-height: 1.5;
    word-wrap: break-word;
    padding: 20px;
    border: 2px solid #00ff00;
    box-shadow: 0 0 10px #00ff00;
}

/* Typeform container - make it wider */
.typeform-container {
    width: 80%; /* Adjust to your desired width */
    max-width: 900px; /* Prevents it from becoming too wide on large screens */
    display: flex;
    justify-content: center;
    margin-top: 30px; /* Space between typing effect and Typeform */
}

/* Ensure the Typeform itself is full-width */
.typeform-container div[data-tf-live] {
    width: 100%;
    height: 600px; /* Adjust height as needed */
}