.chart {
        display: flex;
        align-items: flex-end;
        width: 100%;
        height: 100px;
        border: 1px solid #ccc;
        padding: 10px;
        overflow-x: auto; /* Enable horizontal scrolling */
}

.bar {
	height: 20px;
	background-color: steelblue;
	margin-right: 5px; /* Add some space between bars */
}


*,body,html{
  margin: 0;
  padding: 0;
};

.opinions_href{
  color: #6c6c6c;
}

.opinions_href.ohactive{
  color: #1585cf;
  text-decoration: underline;
  font-weight: bold;
}
.viewwidth{
  width: 100%;
  max-width: 100%;
  padding: 5px;
};

.infocard{
  font-size: large;
}

.vediocard{
  max-height: 17vh;
}

.border-md-only {
  border: none;
}

/* Styling for medium screens and above */
@media (min-width: 786) {
  .border-md-only {
    border: 1px solid #dee2e6; /* Example border style */
  }
}

@media (max-width: 576px) {
  .contentcard{
    font-size: 0.5rem;/* Adjust when the video is visible */
  }
  
  .infocard{
    font-size: 0.9rem;
  }

  .vediocard{
    height: 16vh;
  }
}

@media (min-width:768px){
  #media-player{
    position: sticky;
    top:80px;
    height: 100px;
  };

}

@media (min-width:468px){
  #vedio-player{
    position: sticky;
    height: fit-content;
    top: 160px;
    border: 2px solid rgba(213, 213, 213, 0.75);
  }

  #title{
    z-index: 20;
    position: sticky;
    top: 80px;
    height: 50px;
  }

  #border{
    border: 2px solid rgba(213, 213, 213, 0.75);
  }
}