/var/www/sites/test-webesite/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rainbow Club</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body, html { height: 100%; width: 100%; overflow: hidden; }
body {
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
background-size: 1800% 1800%;
animation: rainbow 18s ease infinite;
}
@keyframes rainbow {
0% { background-position: 0% 82%; }
50% { background-position: 100% 19%; }
100% { background-position: 0% 82%; }
}
.wrapper {
text-align: center;
color: white;
text-shadow: 0 0 20px rgba(0,0,0,0.7), 0 0 40px rgba(0,0,0,0.5);
font-family: 'Arial Black', 'Impact', sans-serif;
}
.heading {
font-size: clamp(3rem, 12vw, 8rem);
font-weight: 900;
letter-spacing: 4px;
}
.sub {
font-size: clamp(1.2rem, 4vw, 2.5rem);
font-weight: 600;
margin-top: 1rem;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="heading">Lets Do it</div>
<div class="sub">and proud of it 🌈</div>
</div>
</body>
</html>