body{
    margin:0;
    padding:0;

    background-image:url("https://www.transparenttextures.com/patterns/asfalt-dark.png");

    background-color:#cfcfcf;

    font-family:Verdana, sans-serif;
    font-size:12px;

    color:#222;
}

.container{
    width:1200px;

    margin:auto;
    margin-top:20px;

    display:grid;

    grid-template-columns:220px 1fr 250px;

    gap:10px;
}

.header{
    grid-column:1 / 4;

    height:120px;

    border:3px ridge #999;

    background-image:url("https://i.imgur.com/t8DqF6T.jpeg");
    background-size:cover;
    background-position:center;

    position:relative;
}

.logo{
    position:absolute;

    right:20px;
    bottom:10px;

    font-size:60px;

    color:white;

    font-family:Georgia, serif;

    text-shadow:
    2px 2px 0 black,
    0 0 10px white;
}

.sidebar-left,
.sidebar-right,
.content{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.box{
    background:#dcdcdc;

    border:3px ridge #a0a0a0;

    padding:10px;

    box-shadow:inset 0 0 5px #fff;
}

.title{
    background:#b5b5b5;

    border:2px outset #fff;

    padding:5px;

    margin-bottom:10px;

    text-align:center;

    font-weight:bold;

    font-size:13px;
}

.menu{
    background:#d8d8d8;

    border:3px ridge #999;

    padding:10px;
}

.menu a{
    display:block;

    background:#c2c2c2;

    border:2px outset #fff;

    padding:6px;

    margin-bottom:6px;

    color:black;

    text-decoration:none;

    text-align:center;
}

.menu a:hover{
    background:#999;

    color:white;
}

.big-box{
    min-height:240px;
}

.split{
    display:flex;
    gap:10px;
}

.mini-box{
    flex:1;
}

.anime-img{
    width:100%;

.chatbox{
    height:250px;
    overflow:auto;
}

ul{
    padding-left:20px;
}

iframe{
    border:2px solid #888;
}

::-webkit-scrollbar{
    width:10px;
}

::-webkit-scrollbar-thumb{
    background:#999;
}

::-webkit-scrollbar-track{
    background:#ccc;
}