body{
margin:0;
font-family:Georgia,serif;
color:white;
text-align:center;
background:
linear-gradient(rgba(15,5,35,.55),rgba(15,5,35,.8)),
url('elfenwald.jpg') center/cover fixed;
min-height:100vh;
}

header,.lichtung{
max-width:1100px;
margin:35px auto;
padding:45px;
background:rgba(45,20,75,.55);
border:2px solid #e8c66b;
border-radius:45px;
box-shadow:0 0 50px rgba(220,180,90,.35);
}

h1,h2,h3{
color:#f6d77a;
text-shadow:0 0 20px #d7a73a;
}

nav a{
color:#f6d77a;
margin:15px;
text-decoration:none;
}

.kristall{
font-size:25px;
padding:40px;
}

.kristall:first-letter{
font-size:80px;
}

.bewohner{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:30px;
}

.portal{
width:220px;
padding:30px;
border-radius:35px;
background:rgba(255,255,255,.12);
border:1px solid #e8c66b;
}

.portal img{
width:100px;
height:100px;
border-radius:50%;
object-fit:cover;
border:3px solid #e8c66b;
box-shadow:0 0 25px rgba(255,220,120,.5);
}

footer{
padding:30px;
color:#f6d77a;
}