body {
  background-color: #000000;
  color: #fff;
  font-family: 'Inconsolata', monospace;
    font-size: 14px;
      text-transform: lowercase;
  /**page center **/
  position: absolute;
  top: 15%;
  left: 20%;
  right: 10%;
  bottom: 5%;
  margin: auto;
}


* {
  box-sizing: border-box;
}


a { color: yellow;  text-decoration: none; }
a:hover { color: blue;  text-decoration: none;}


hr {
  border-top: 3px solid white;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
}


header {
  max-width: 30%;
}

.text {
  max-width: 70%;
  max-height: 350px;
  overflow: scroll;
    float: left;
}

.updates {
  max-height: 100px;
  overflow: scroll;
  margin-bottom: 10px;

}

.col {
  max-height: 90%;
  max-width: 200px;
    float: left;
  margin-right: 10px;
}

.update {
 color: #fff;
 overflow: scroll;
 max-height: 220px;
}

.stats {
  color: #fff;
}

.stats span {
  color: yellow ;

}


p a {
  color: black;
  font-weight: bold;
}


.rss-date {
  font-weight: bold;
}

.rss-date:hover {
  font-weight: bold;
  font-style: italic;
}

.rss-item {
  margin-bottom: 30px;
  padding: 5px;
  color: #fff;
}

.rss-item a {
 color: blue;
}

.rss-item a:hover {
  font-weight: bold;
}

.older {   
  margin-top: 5px;
  margin-left: 5px;
  max-height: 400px;
  max-width: 400px;
  overflow: hidden;
  
}

#2021 #2019{
  color: #000
}


/*scroollbarr finallyyy */

 /* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #fffb00 #000000;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 10px;
  }

  *::-webkit-scrollbar-track {
    background: #000000;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #fffb00;
    border-radius: 0px;
    border: 3px solid #000000;
  }