body{
  background-color: violet;
  margin: 0;
  font-family: Monospace, Monaco;
  
}

/* Navbar */
.topnav {
   overflow: hidden;
  background-color: darkmagenta;
  justify-content: space-between;
  text-align: center;
  display: flex;
  margin-bottom: 2em
  width: 100%;
  min-width: 100vw;
  padding: 0;
  
}

.topnav a {
  color: white;
  text-align: center;
  padding: 8px 20px;
  text-decoration: none;
  font-size: 20px;
  font-style: bold;
  font-family: Cursive, Brush Script MT;
  
}

.topnav a:hover {
  background-color: #AFEEEE;
  color: white;
}

.topnav a.active {
  background-color: orchid;
  color: white;
}

/* Navbar 2*/
.topnav2 {
  overflow: hidden;
  background-color: violet;
  justify-content: center;
  text-align: center;
  display: flex;
}

.topnav2 { 
  display: flex; 
  justify-content: left; 
  align-items: left;
  padding: 5px 11px;
  padding-left: 45px;
}

.topnav2 img { 
  max-width: 120px; 
  height: 35px; 
}

/* Annoying topnav2*/


#InstagramEdit{
  padding: 0px 10px 0px;
}

#mainLogo{
 padding-right: 970px; 
}

#more{
  padding-right: 15px;
}

#p1{
  overflow: none;
  padding: 0;
  line-height: 1px;
  margin-left: 1px;
}


/* About us body*/

h1{
  color: BlueViolet;
  margin-left: 20px;
  font-weight: 900;
}

p{
color: BlueViolet;
margin-left: 20px;
font-weight: 900;
}


/* Images */

.img-container { 
  display: flex; 
  justify-content: center; 
  align-items: center;
  
}

.img-container img { 
  max-width: 200px; 
  height: 160px; 
  
}

/*Table*/

.schedule-table-container { 
  overflow-x: auto; -webkit-overflow-scrolling: touch; /* Container stays block, but doesn’t force full width */ 
  
} 
.schedule-table { /* ✅ Make it content-width (not 100%) */ 
width: auto; 
margin: 0;
margin-left: 20px;
border-collapse: collapse; 
gap: 1px ;  
background-color: #d8a3f7; /* light purple */ 
color: mintcream; 
font-size: 15px; /* slightly smaller */ 
border: 2px solid #000; /* ✅ Prevent stretching */ t
able-layout: auto; /* default, but explicit */ 

} /* Header */ 

.schedule-table thead th { 
  background-color: #b96cd8;
  padding: 10px 12px; /* tighter padding */ 
  text-align: center; 
  font-weight: bold; 
  border: 1px solid #000; 
  vertical-align: middle; 
  margin-left: 20px;
} /* Body */ 
.schedule-table tbody td { 
  padding: 10px 12px; /* tighter */ 
  border: 1px solid #000; 
  text-align: left; 
  white-space: nowrap; /* ← prevents wrapping, keeps table compact */ 
  
}
  /* Allow long text to wrap only when needed */ 
  .schedule-table td:nth-child(3) { /* "Activity" column — usually longest */ 
  white-space: normal; 
  min-width: 200px; /* sets minimum, won’t shrink below */ 
  max-width: 300px; /* caps width */ 
    
  } /* Optional: subtle zebra */ 
  .schedule-table tbody tr:nth-child(even) { 
  background-color: rgba(255, 255, 255, 0.05); 
    
  }


.Pic2{
  max-width: 2px;
  height: 150px;
}

.flexImg2{
  width: 200px;
  height: 150px;
}