

);
}
export default Hero;
.cursor1{
width: 80px;
height: 60px;
position: absolute;
top: 500px;
left: 500px;
}
.cursor2{
width: 100px;
height: 60px;
position: absolute;
top: 400px;
right: 550px;
}
.hero{
padding: 200px 0;
text-align: center;
align-items: center;
display: flex;
justify-content: center;
}
.hero-content{
max-width: 800px;
padding: 100px 0px;
text-align: center;
align-items: center;
justify-content: center;
display: flex;
flex-direction: column;
padding-left: 112px;
padding-right: 112px;
padding-top: 64px;
padding-bottom: 64px;
margin-left: 240px;
margin-right: 240px;
}
.hero-content h1{
font-weight: 900;
font-size: 80px;
color: #3B519E;
text-align: center;
align-items: center;
margin: 0;
}
< /code>
Irgendwelche Ideen, wie ich dies erreichen kann, dass es reagiert? Vielen Dank! Ich weiß nicht, wie ich den CSS -Code auf einem anderen Panel hier auf Stack hinzufügen kann.