/* ==================================
   UnknownMC.DE Wiki Design System
   Premium Minecraft Knowledge Base
================================== */



/* ==========================
   WIKI HEADER
========================== */


.wiki-header{

    text-align:center;

    padding:

    80px 20px 50px;

}



.wiki-header img{

    width:160px;

    max-width:80vw;


    filter:

    drop-shadow(

    0 0 35px rgba(176,38,255,.8)

    );

}



.wiki-header h1{

    margin-top:25px;

    font-family:Oxanium;

    font-size:65px;

    font-weight:900;

}



.wiki-header h1 span{

    display:block;

    color:#D8A8FF;

}



.wiki-header p{

    max-width:700px;

    margin:auto;

    font-size:20px;

    color:#B9ACD8;

}





/* ==========================
   WIKI LAYOUT
========================== */


.wiki-layout{


    display:grid;


    grid-template-columns:

    280px 1fr;


    gap:30px;


    width:min(1200px,92vw);


    margin:

    40px auto;

}






/* ==========================
   SIDEBAR
========================== */


aside{


    background:

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


    border:

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


    border-radius:

    22px;


    padding:25px;


    height:max-content;


    position:sticky;


    top:20px;


    backdrop-filter:

    blur(18px);


    box-shadow:

    0 0 35px rgba(176,38,255,.2);

}





aside input{


    width:100%;


    padding:

    14px;


    border-radius:14px;


    outline:none;


    border:

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


    background:

    rgba(0,0,0,.35);


    color:white;


    font-family:Inter;


}



aside input::placeholder{

    color:#B9ACD8;

}





aside a{


    display:block;


    margin-top:8px;


    padding:

    12px 15px;


    border-radius:14px;


    color:white;


    font-family:Oxanium;


    font-weight:700;


    transition:.3s;

}



aside a:hover{


    background:

    rgba(176,38,255,.35);


    transform:

    translateX(8px);


    box-shadow:

    0 0 20px rgba(176,38,255,.35);

}





/* ==========================
   WIKI CONTENT
========================== */


.wiki-content{


    display:flex;


    flex-direction:column;


    gap:25px;

}





.wiki-content h2{

    color:white;

}



.wiki-content p,
.wiki-content li{


    color:#D0C4E8;

    line-height:1.8;

}



.wiki-content li{


    margin:

    10px 0;

}





/* ==========================
   WIKI BOXEN
========================== */


.wiki-box{


    display:grid;


    grid-template-columns:

    repeat(3,1fr);


    gap:22px;

}





.wiki-box a{


    padding:

    30px 20px;


    border-radius:

    22px;


    text-align:center;


    color:white;


    font-family:Oxanium;


    font-weight:800;


    background:


    rgba(255,255,255,.05);


    border:

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


    backdrop-filter:

    blur(15px);


    transition:

    .35s ease;


}





.wiki-box a:hover{


    transform:

    translateY(-10px);


    background:

    rgba(176,38,255,.25);


    border-color:

    #B026FF;


    box-shadow:


    0 0 35px rgba(176,38,255,.45);

}





.wiki-box .icon{


    font-size:40px;

    display:block;

    margin-bottom:15px;

}





/* ==========================
   CODE / INFO BOXEN
========================== */


.wiki-info{


    padding:

    25px;


    border-radius:

    20px;


    background:

    rgba(176,38,255,.12);


    border:

    1px solid rgba(176,38,255,.35);


}





/* ==========================
   FOOTER WIKI
========================== */


footer{


    margin-top:100px;


    padding:

    50px 20px;


    text-align:center;


    border-top:

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

}



footer img{


    width:100px;


    filter:

    drop-shadow(

    0 0 20px #B026FF

    );

}



footer a{


    color:white;


    margin:

    10px;


}





/* ==========================
   MOBILE
========================== */


@media(max-width:900px){



    .wiki-layout{


        grid-template-columns:

        1fr;


    }



    aside{


        position:relative;

        top:auto;

    }



    .wiki-header h1{


        font-size:

        42px;


    }



    .wiki-header p{


        font-size:

        16px;


    }



    .wiki-box{


        grid-template-columns:

        1fr;


    }



}



@media(max-width:450px){



    .wiki-header img{


        width:

        120px;


    }



    .wiki-header h1{


        font-size:

        34px;


    }



    aside{


        padding:

        18px;


    }


}