@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@media (prefers-color-scheme: dark) {
    body{
        /*color:rgb(204, 207, 209);*/
        background-color:var(--darkmode-background);
        
        
    }
    a{
        color:#fff;
    }
    
}
/*Scrollbar*/
::-webkit-scrollbar {
    width: 0px;
  }
/*animations*/
@keyframes load-article {
    from {transform: translateY(200%);
        scale:10;
    }
    to {transform: translateY(0);
        scale:1;
    }
  }
/**/


:root{
    /*--variableshere:;*/
    --darkmode-background:#333333;
    --lightmode-background:#e0e0e0;;
}
body{
  padding:0px;
  margin:0px;  
  overflow-x: hidden;
  overflow-y: auto;
}
.page-area{
    font-family:Inter;
    background-color: rgb(255, 255, 255);
    background-size:cover;
    
}
.article{
    font-weight: 400;
    font-family:Inter;
    padding-left: 0.4cm;
    padding-right:0.4cm;
    animation-name:load-article;
    animation-duration: 0.5s;
}
.ads,.sidebar{
    background-image: url("./UI-assets/backgrounds/OceanWaves.png");
    background-size: cover;
    font-size: 10px;

}

h1{
    font-size:50px;
    text-align:center;
    margin-bottom:15px;
}
a{
    font-weight:600; 
    color:rgb(109, 109, 109);
    text-decoration: none;
    scale:1;
    transition:0.1s;
}
a:hover{
    text-decoration: underline;
    color:rgb(126, 126, 143);
}
img:hover{
    scale:1.02;
}
img{
    border-radius:10px;
    transition:1s;
}
.imgright{
    margin-left:12px;
    margin-top:12px;
    margin-bottom:-5px;
    float:right;
    word-wrap: normal;
    max-width:430px;
}
.imgleft{
    margin-right:12px;
    margin-top:12px;
    float:left;
    word-wrap: normal;
    max-width:430px;
}
articleinfo, articleinfo a{
    font-size:13px;
    color:#959595;
    text-align:center;
    margin:5px;
    text-decoration: none;
}
h1{
    margin-top: 5px;
}
.hidden-embed{
    display:none;

}