body {
    margin: 0;
    height: 100vh;
    background-color: #2b2b2b; /* Dark gray background */
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, sans-serif;
}

.hero-box {
    background-color: #3a3a3a; /* Slightly lighter gray */
    border: 4px solid cyan;
    border-radius: 20px;
    padding: 40px 80px;
    text-align: center;
}

.hero-box h1 {
    color: #d8b4f8; /* Light purple lettering */
    font-size: 24pt;
    margin: 0;
}



