*{
    font-family: 'Times New Roman', Times, serif;
    list-style: none;
}

.links{
  color: white;
  font-style: normal;
  text-decoration: none;
}

.lecture-list {
    background-color: #f8f9fa;
    padding: 15px;
  }
  .lecture-list h3 {
    text-align: center;
    margin-bottom: 20px;
  }
  .video-container {
    padding: 15px;
  }
  .lecture-item {
    cursor: pointer;
    padding: 10px;
    margin-bottom: 5px;
    background-color: #e9ecef;
    border-radius: 5px;
    text-align: center;
  }
  .lecture-item:hover {
    background-color: navy;
    color: white;
  }

.app-name{
  color: yellow;
}
.app{
  text-align: center;
  font-size: 1.6rem;
  color: white;
  background-color: red;
}
.logo-img{
  width: 30px;
  height: 30px;
  border-radius: 50px;
}

.course-name1{
  color: white;
  font-weight: bold;
  font-size: 3.7rem;
}

.course-name2{
  color: white;
  font-weight: bold;
  font-size: 1.8rem;
}

.img-fluid{
  border-radius: 10px;
}

.title-cont1{
    background-color: navy;
    padding: 2rem;
    text-align: start;
}

.title-cont2{
  background-color: navy;
  padding: 2rem;
}

.about-course{
    color: white;
    font-size: 1.4rem;
    text-decoration: none;
}

.footer-section{
  background-color: rgb(3, 3, 72);
  color: white;
}

.footer-columns{
  text-align: center;
}

.footer-list{
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.app-img{
  border: 1px solid white;
  border-radius: 6px;
}
.logo{
  display: flex;
  gap: 0.3rem;
}

.logo-img{
  width: 30px;
  height: 30px;
  border-radius: 50px;
}
.Channel-link{
  color: white;
  text-decoration: none;
}