body {
    background-color: black;
    color: white;
    font-family: 'Poppins', 'Century Gothic', sans-serif;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    overflow-x: hidden; /* Prevent horizontal scrolling */
}

.container {
    text-align: center;
    width: 100%; /* Ensure the container takes the full width */
    padding: 0 20px; /* Add some padding to avoid content touching the edges */
    box-sizing: border-box; /* Include padding in the width calculation */
}

.title {
    margin-bottom: 40px; /* Add margin-bottom to the title for spacing below */
}

.tenex {
    font-size: clamp(36pt, 12vw, 128pt); /* Use clamp to limit the size with 128pt max */
    display: block;
    margin: 0;
    line-height: 0.4; /* Adjusted line height */
    word-wrap: break-word; /* Ensure long words break correctly */
}

.cybersecurity {
    font-size: clamp(18pt, 6vw, 36pt); /* Use clamp to limit the size */
    display: block;
    margin: 0;
    padding-top: 0; /* Ensure no padding at the top */
    word-wrap: break-word; /* Ensure long words break correctly */
}

p {
    font-size: clamp(10pt, 4vw, 14pt); /* Use clamp to limit the size */
    word-break: keep-all; /* Prevent breaking words at unexpected places */
}

.coming-soon {
    margin-top: 20px;
}

.contact {
    margin-top: 20px;
    font-size: clamp(10pt, 4vw, 14pt); /* Use clamp to limit the size */
    word-break: keep-all; /* Prevent breaking words at unexpected places */
}

.summary {
    color: #666666; /* Dark grey color */
    font-size: 8pt; /* Reduced font size */
    margin-top: 20px;
    word-break: keep-all; /* Prevent breaking words at unexpected places */
}

/* Media query for mobile devices in portrait mode */
@media (max-width: 768px) and (orientation: portrait) {
    .tenex {
        font-size: 72pt;
    }

    .cybersecurity {
        font-size: 24pt; /* Adjusted font size for mobile portrait */
    }

    p, .contact {
        font-size: 10pt; /* Reduced font size for better fit on mobile */
    }
}

/* Media query for mobile devices in landscape mode */
@media (max-width: 1024px) and (orientation: landscape) {
    .tenex {
        font-size: 48pt;
    }

    .cybersecurity {
        font-size: 18pt; /* Adjusted font size for mobile landscape */
    }

    p, .contact {
        font-size: 10pt; /* Reduced font size for better fit on mobile */
    }
}
