/* so you CAN put multiple css scripts in the same css file, as long as it's predecessed by '.(name of div class here). that is so fucking awesome." */
#almostthewholethang {
  border: 5px solid green;
  padding: 5px 5px; 
  margin: 20px; 

}


#header {
  width: 100%; /* Make header fill its container */
  max-width: 100%; /* Prevent overflow */
  position: relative;
  margin: 20px;
  margin-bottom: 20px;
  padding: 5px 5px; 
  border: 5px solid orange;
  
}

#header img {
  width: 100%; 
  height: auto; /* Maintain aspect ratio */
  max-height: 300px; 
  object-fit: contain; 
  z-index: 1;
}

body {
  background-color: white;
  color: green;
  font-family: Times;

}

h1 {
   border-style: dashed; 
  border-color: indianred;
}

.funimgs {
  text-align: right;
  flex: 1; 
  vertical-align: top;
  padding: 10px


}

.updatelogtxt {max-width: 100%; max-height: 200px; overflow-y: auto;}
#th {
  vertical-align: top;
  display: flex;
  align-items: flex-start; /* Align items at the top */
  gap: 20px; /* Space between the two elements */
	border-style: double;
  flex: 1;
	text-align: left;
	padding: 10px
  

}


.body {
	padding: 10px;
	/* page background pattern */
	background-color: #fffaed;
background-image: radial-gradient(#331e05 0.5px, #fffaed 0.5px);
background-size: 10px 10px;
}

.todolist {
	max-width: 55rem;
  min-width: 600px;
	margin: 5vw auto 12px auto;
  border-style: double;
	border: 6px ridge var(--border);
	outline: 3px solid var(--gradientTop);
	outline-offset: 4px;
	border-radius: 10px;
	display: flex;
	flex-wrap: wrap;
	padding: 5px;
	gap: 5px;}

  table {
  border-collapse: collapse;
  width: 100%;
}

/*? doesn't something go here?*/th {
  border-style: double;
  text-align: left;
  vertical-align: top; /* This makes the content align to the top */
  width: 20%; /* Adjust this percentage as needed */
  position: sticky;
  left: 0;
 
  z-index: 2; /* Ensure it stays above other content */
}

td {
  vertical-align: top; 
  padding: 10px;
}


/* Send help. I have no idea if this .header img thing actually works... also this is what a comment looks like in CSS.*/

  .header img {
	object-fit: fill;
	overflow-y: clip
  }

  a {
  color: #d2a134; 
}