body{

background-image:url("https://emmaracuja.neocities.org/wbg.jpeg");
background-size:cover;
background-attachment:fixed;

font-family: "Times New Roman", serif;
font-size: 22px;
color:#6B547A;
text-align:center;
margin:0;


padding:40px;
content{
width:700px;
margin:auto;
}
border-radius:15px;

}

.menu{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-top:30px;

text-decoration:none;
color:purple;

}

.menu img{

width:80px;
display:block;
margin:auto;


}

body{
}
.button{
display:inline-block;
background:#DDCFE6;
color:#6B547A;
padding:10px 20px;
border-radius:10px;
text-decoration:none;
font-weight:bold;
transition:0.2s;
}

.button:hover{
background:#cbb6d6;
transform:scale(1.05);
}

.button:active{
transform:scale(0.95);
}

ul{
list-style-type:none;
padding:0;
}

ul{
list-style-type:none;
padding:0;
}

ul{
list-style-type:none;
padding:0;
}


ul{
list-style-type:none;
padding:0;
}

a{
text-decoration:none;}



#star-container{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
pointer-events:none;
overflow:hidden;
}

.star{
position:absolute;
top:-20px;
color:white;
font-size:20px;
animation:fall linear forwards;
}

@keyframes fall{
to{
transform:translateY(100vh);
opacity:0;
}
}
.star-button{
width:120px;        /* Größe anpassen */
cursor:pointer;     /* Hand beim Hover */
transition:0.2s;
}

.star-button:hover{
transform:scale(1.1);  /* leichter Zoom */
}

.star-button:active{
transform:scale(0.95); /* beim Klicken */
}