@media (prefers-color-scheme: dark) {
    .page-area .article{
        background-color: rgb(48, 48, 48);
        color:rgb(224, 224, 224);
        
    }
    body{
        
        
        background-image: none;
    }
  }

@media screen and (max-width:590px){
    .page-area .sidebar,.page-area .ads{
        width:3%;
    }
    .page-area .article{
        width:94%;
        font-size:20px;
    }
    .page-area .article img{
        width:60%;
    }
    .page-area articleinfo{
        scale:1.3;
    }
}
@media screen and (max-width:1030px){
    .page-area .sidebar,.page-area .ads{
        width:9%;
    }
    .page-area .article{
        width:76%;
        
    }
}


.page-area{
    display:grid;
    gap:0rem;
    display:flex;
    position:absolute;
    margin-bottom:-0vh;
    box-shadow: inset -0px 0.5px 20px #3f3f3f;
}
.ads, .sidebar{
    width:18%;
    height:93vh;
    padding:auto;
}
.side{
    background-image: url("./UI-assets/backgrounds/OceanWaves.png");
}
.article{
    margin-top:20px;
    width:64%;
    height:91.5vh;
    z-index: 0.9;
    filter: drop-shadow(0 9mm 10mm rgb(0, 0, 0));
    box-shadow: inset -0px 1px 3px #000000;
    overflow-x:hidden;
    background-color:rgb(227, 227, 227);
    max-width:1500px;
    border-radius:19px 19px 0px 0px;
    background-image: url(./UI-assets/page-corner.png);
    background-repeat: repeat;
    background-size: 25px;
    transition: 0.5s;
}