body {
margin: 0;
padding: 0;
background-color: #121212; /* Dark, ash-black background */
color: #EDEDED; /* Off-white font color */
font-family: 'Roboto', 'Verdana', sans-serif; /* Clean, modern font for body text */
font-size: 16px; /* Base font size */
line-height: 1.6; /* Improve readability */
overflow-x: hidden; /* Prevent horizontal scrolling */
}

h1, h2, h3, h4, h5, h6 {
color: #EDEDED; /* Match body font color */
font-family: 'Orbitron', sans-serif; /* Futuristic font for headers */
margin: 10px 0; /* Standardize spacing for headings */
}

a {
color: #57C7FF; /* Bright cyan for links */
text-decoration: none; /* Remove underline */
}

a:hover {
text-decoration: underline; /* Add underline on hover */
}

a:hover {
text-decoration: underline; /* Add underline on hover */
}

#header {
display: flex;
justify-content: space-between; /* Align logo left and hit counter right */
align-items: center; /* Vertically center content */
padding: 10px 20px; /* Padding for spacing */
background-color: #000; /* Black background */
color: #fff; /* White text for contrast */
position: sticky; /* Makes the header sticky */
top: 0; /* Ensures the header stays at the top */
z-index: 1000; /* Ensures the header is above other elements */
}

.logo {
height: 2vh; /* Retain the current size of the logo */
width: auto; /* Maintain aspect ratio */
cursor: pointer; /* Makes the logo clickable */
flex-shrink: 0; /* Prevents the logo from resizing */
}

#hitCounter {
font-size: 1rem; /* Adjust text size */
color: #fff; /* White text for contrast */
text-align: right; /* Align text to the right */
margin: 0; /* Remove default margins */
white-space: nowrap; /* Prevent wrapping */
}

.feature-block {
width: 100%;
min-height: 100vh;
background-color: #333333;
padding: 0px;
margin: 0px;
box-sizing: border-box;
position: relative; /* For video positioning */
overflow: hidden; /* Hide any overflow from child elements */
}

.quote-block {
/*display: flex;*/ /* Enable Flexbox */
justify-content: center; /* Center content horizontally */
align-items: center; /* Center content vertically */
width: 100%;
min-height: 10vh;
padding: 96px;
box-sizing: border-box;
text-align: center;
}

/* Buttons */
button {
background-color: #333333; /* Dark gray button */
color: #EDEDED; /* Off-white text */
border: 1px solid #555555; /* Slight contrast */
padding: 10px 20px;
font-family: 'Roboto', 'Verdana', sans-serif; /* Clean, consistent font */
cursor: pointer;
transition: background-color 0.3s ease, border-color 0.3s ease;
}

button:hover {
background-color: #555555; /* Slightly lighter on hover */
border-color: #777777;
}


.Neon-G-Button {
background-color: #ccff00;
color: black;
padding: 10px 20px;
font-size: 1.1rem;
border: none;
cursor: pointer;
transition: all 0.3s ease-in-out;
}

.Neon-G-Button:hover {
background-color: #99cc00; /* Slightly darker green on hover */
}

#footer {
text-align: center; /* Center align the text */
font-size: 0.9rem; /* Small text for fine print */
color: #888888; /* Subtle gray for the text color */
padding: 10px 0; /* Add vertical spacing */
margin-top: 20px; /* Space from content above */
background-color: #121212; /* Match the dark background of the site */
border-top: 1px solid #333333; /* Optional: Subtle top border for separation */
}

.neon-button {
background-color: #ccff00;
color: black;
padding: 10px 20px;
font-size: 1.1rem;
border: none;
cursor: pointer;
transition: all 0.3s ease-in-out;
}

p.human { /* Applied when wanting to distinguish between human and ai voices */
font-family: 'Roboto', sans-serif; /* Use Roboto for a clean, modern look */
font-size: .73rem; /* Adjust font size as needed */
font-weight: 100; /* Normal weight */
color: #a3a2a2; /* Dark gray for readability */
text-align: left; /* Align text to the left */
margin-bottom: 0.0rem; /* Add spacing below the paragraph */
line-height: 1.6; /* Improve readability with better line spacing */
}

p.ai { /* Applied when wanting to distinguish between human and ai voices */
font-family: 'Orbitron', sans-serif; /* Futuristic font for headers */
font-size: .9rem; /* Adjust font size as needed */
font-weight: 180; /* Normal weight */
color: #c8c8c8;
text-align: right; /* Align text to the left */
margin-bottom: 3.0rem; /* Add spacing below the paragraph */
line-height: 1.6; /* Improve readability with better line spacing */
}