FIX: Reverted the background changes. Looks terrible
This commit is contained in:
15
index.html
15
index.html
@@ -21,26 +21,13 @@
|
|||||||
background-color: #111827;
|
background-color: #111827;
|
||||||
color: #e0e0e0;
|
color: #e0e0e0;
|
||||||
}
|
}
|
||||||
@keyframes subtleFloat {
|
|
||||||
0% {
|
|
||||||
background-position: 0% 0%;
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
background-position: 1% 1%;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
background-position: 0% 0%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero-section {
|
.hero-section {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-image:
|
background-image:
|
||||||
radial-gradient(ellipse at center, #1e293b 0%, #111827 70%),
|
radial-gradient(ellipse at center, #1e293b 0%, #111827 70%),
|
||||||
linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
|
linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
|
||||||
linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
|
linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
|
||||||
background-size: 200% 200%, 80px 80px, 80px 80px;
|
background-size: cover, 80px 80px;
|
||||||
animation: subtleFloat 15s ease-in-out infinite;
|
|
||||||
}
|
}
|
||||||
.gradient-text {
|
.gradient-text {
|
||||||
background: linear-gradient(90deg, rgba(96, 206, 245, 0.8) 0%, rgba(225, 114, 117, 0.8) 100%);
|
background: linear-gradient(90deg, rgba(96, 206, 245, 0.8) 0%, rgba(225, 114, 117, 0.8) 100%);
|
||||||
|
|||||||
Reference in New Issue
Block a user