/* General Styles */
body {
  background-image: url(https://web.sumanonline.com/rutine/bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
}
#outer {
    overflow-x: auto;
    /* Enable horizontal scrolling */
}
a {
  text-decoration: none;
}

#logo {
  position: relative;
  mix-blend-mode: multiply;
  text-align: center;
  line-height: 0.9;
  font-weight: bold;
}

#logo img {
  max-width: 100%;
  height: auto;
}

#tt1 {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  border-collapse: collapse;
  background-color: rgb(193, 191, 191);
}

#tt1 th,
#tt1 td {
  padding: 10px;
  text-align: center;
  border: 2px solid black;
}

/* #time,
#day,
#mtitle,
#Tiffin,
#Machine-Learning,
#Python,
#Database,
#LAB,
#AI,
#INTERNSHIP,
#Python-Lab,
#MIL,
#audit,
#EVS,
#DSApradip {
  font-weight: bold;
} */

#time {
  background-color: rgb(143, 201, 201);
}

#day,
#mtitle {
  background-color: antiquewhite;
}

/* #Tiffin {
  background-color: rgb(215, 255, 53);
}

#Machine-Learning {
  background-color: rgb(110, 194, 242);
  color: rgb(0, 0, 0);
}

#Python {
  background-color: rgb(74, 146, 40);
  color: rgb(0, 0, 0);
}

#Database {
  background-color: rgb(236, 252, 131);
}

#LAB {
  background-color: rgb(127, 208, 105);
}

#AI {
  background-color: rgb(240, 109, 135);
}

#INTERNSHIP {
  background-color: rgb(197, 147, 32);
}

#Python-Lab {
  background-color: rgb(76, 202, 241);
}

#MIL {
  background-color: chocolate;
}

#audit {
  background-color: rgb(165, 170, 170);
}

#EVS {
  background-color: rgb(185, 161, 130);
}

#DSApradip {
  background-color: rgb(182, 93, 29);
}
 */
span {
  font-weight: normal;
}

#ftr {
  width: 100%;
  max-width: 600px;
  margin: 20px auto;
  border-collapse: collapse;
  background-color: antiquewhite;
  margin-bottom: 60px;
}

#ftr th,
#ftr td {
  padding: 10px;
  text-align: center;
  border: 2px solid black;
}

marquee {
  margin: 20px 0;
}

#footer {
  /* margin-top: 40px; */
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 5px;
  position: fixed;
  bottom: 0;
  width: 100%;
}

#footer a {
  color: #03a9f4;
  text-decoration: none;
}


/* Responsive Styles */
@media (max-width: 768px) {
  #logo img {
    width: 50px;
  }

  #tt1 th,
  #tt1 td {
    padding: 5px;
    font-size: 12px;
  }

  #ftr th,
  #ftr td {
    padding: 5px;
    font-size: 12px;
  }

  marquee {
    font-size: 12px;
  }
  #tt1 {
      font-size: 0.8em;
  }

  #tt1 th,
  #tt1 td {
      padding: 5px;
  }

  .logo p {
      font-size: 0.8em;
  }

  marquee {
      font-size: 0.8em;
  }

  #ftr {
      width: 100%;
  }
}

@media (max-width: 480px) {
  #logo img {
    width: 50px;
  }

  #tt1 th,
  #tt1 td {
    padding: 3px;
    font-size: 10px;
  }

  #ftr th,
  #ftr td {
    padding: 3px;
    font-size: 10px;
  }

  marquee {
    font-size: 10px;
  }
}