html,body{padding:0;margin:0}
body,input,textarea,select,option,td,div{font-size:14px}


#main{background-color:#18191B;width:95%;max-width:90vw;min-height:60vh;margin:auto;margin-top:2vw;padding-top:1vw;display:flex;flex-wrap:wrap;justify-content:center}
#main img{width:100%;height:auto}
#navbar{background-color:#18191B;width:100%;margin:auto;margin-top:5px;margin-bottom:5px;padding:10px 0;text-align:right;font-weight:500}

/* --- */

.card{width:400px;margin:3px;padding:10px;color:#000;background-color:#f9f9f9;border-radius:15px;border:2px solid:#9CBC12;box-shadow:2px 2px 2px:#9CBC12}
.card img{width:100%;height:auto}
.card .title{text-transform:uppercase;font-size:16px;color:#2A3E65;margin:8px 0;font-weight:500;}
.card .text{font-size:16px;overflow:auto;color:#fff}
.card .link_article{float:right;margin:10px 10px 10px 0}
.card .date_article{float:left;;color:#fff;opacity:.6;margin:10px 0 10px 0}

/* --- */

.article{width:95%;color:#111;background-color:#18191B;margin-bottom:20px}
.article img{max-width:100%;height:auto;margin:0 15px 15px 0;border-width:0;cursor:pointer}
.article .title{text-transform:uppercase;color:#9CBC12;margin-bottom:20px;font-size:140%;font-weight:500;}
.article .text{font-size:125%;color:#fff}
.article .link_article{float:right;margin:30px 20px 20px 0}
.article .date_article{float:left;color:#fff;opacity:.6;margin:30px 0 10px 10px}

.youtube{width:100%;border-width:0;aspect-ratio: 16 / 9;}