:root {
  --white: #fff;
  --black: #272727;
}
#icon {
  width: 20px;
  cursor: pointer;
}


.dark-theme {
  --black: #fff;
  --white: #000106;
}
body {
  background-color: var(--white);
  transition: 2s;
}
*{
    color: var(--black);
    
}
p{
  color: var(--black);
}
.tile {
  border: 1px solid var(--black);
}

.h-border{
  border-top: 1px solid var(--black);
  
}
.nav-link1{
  color: #fff;
}
.card-title-head:hover {
color: var(--black);
text-decoration:underline;
}
.card-section-1 .card .card-title-head:hover{
  color: black;
}
.category-card .card-title-head:hover,.category-card i:hover{
  color: #000106;
}
.category-card p , .category-card i{
  color: #000106;
}

.upper_nav_bar_link{
  color: white;
}
.live_tv_btn{
  background-color: red;
  border-radius: 5px;
}
.post-content img{
  width: 100% ;
  height: 30rem;
  object-fit: contain;
}