Artificial Slut

body, html {
margin: 0;
padding: 0;
height: 100%;
font-family: ‘Helvetica Neue’, Arial, sans-serif;
background-color: black;
}
.hero {
position: relative;
height: 100vh;
width: 100%;
background: url(‘your-image.jpg’) no-repeat center center/cover;
}
.overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.45); /* darken for text contrast */
}
.text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 2.2rem;
line-height: 1.3;
text-align: center;
max-width: 90%;
}
.text span {
display: block;
margin-bottom: 0.6em;
}
.cta {
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
background-color: transparent;
border: 2px solid white;
color: white;
font-size: 1.1rem;
padding: 12px 24px;
cursor: pointer;
transition: background-color 0.3s, color 0.3s;
}
.cta:hover {
background-color: white;
color: black;
}
@media (max-width: 768px) {
.text {
font-size: 1.4rem;
}
}