/* Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  color: white;
}
.bg{
	width: 100vw;
	height: 100vh;
	background: linear-gradient(334deg, #022241, #1f123b, #000000);
	background-size: 180% 180%;
	animation: gradient-animation 6s ease infinite;
}

@keyframes gradient-animation {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
}
.Hero-svg-txt{
   --animate-repeat: 8;
}
/* Main container: center EVERYTHING */
.container {
    display: flex;
    flex-direction: column;
    justify-content: center;  /* vertical centering */
    align-items: center;      /* horizontal centering */
    min-height: 100vh;
    text-align: center;
}

/* Remove flex: 1 so it doesn't push content down */
.hero {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem; /* space between image and text */
}

.hero img {
    max-width: 100%;
    height: auto;
}

/* Text block */
.content {
    max-width: 600px;
}

.content h1 {
    margin-bottom: 1rem;
    font-size: 2rem;
}

.content p {
    line-height: 1.6;
}