body{

background:
radial-gradient(
circle at top,
#280050,
#050008 70%
);

}



.wiki-header{

text-align:center;

padding:70px 20px;

}



.wiki-header img{

width:150px;

filter:
drop-shadow(
0 0 30px #7a2cff
);

}



.wiki-header h1{

font-family:Oxanium;

font-size:60px;

}



.wiki-header p{

color:#bcb2dd;

font-size:20px;

}




.wiki-layout{


display:grid;

grid-template-columns:280px 1fr;

gap:30px;


width:min(1200px,92vw);

margin:auto;


}




aside{


background:

rgba(20,10,40,.75);


border:

1px solid rgba(255,255,255,.1);


border-radius:18px;


padding:25px;


height:max-content;


position:sticky;

top:20px;


}



aside input{


width:100%;


padding:12px;


border-radius:12px;


border:none;


margin-bottom:20px;


background:#120020;


color:white;


}



aside a{


display:block;


padding:12px;


border-radius:12px;


color:white;


text-decoration:none;


transition:.3s;


}



aside a:hover{


background:#7a2cff;


transform:translateX(5px);


}





.wiki-content{


display:flex;

flex-direction:column;

gap:20px;


}



.wiki-content li{


margin:10px;


}





footer{


margin-top:80px;

text-align:center;

padding:40px;


}



footer img{


width:90px;


}



footer a{


color:white;

margin:10px;


}



@media(max-width:800px){


.wiki-layout{


grid-template-columns:1fr;


}


aside{

position:relative;

}


.wiki-header h1{

font-size:40px;

}


}