.flex-container {
  display: flex; /* Use flexbox layout */
  justify-content: space-evenly; /* Distribute space between the child elements */
  align-items: center; /* Align items vertically */
  text-align: center; /* Ensure text within children is centered (if necessary) */
}

.coauthor-container {
  display: inline-block; /* Align items horizontally */
  text-align: center; /* Center-align text */
  margin: 0 20px; /* Add some space between the images */
}
.coauthor-container img {
  width: 250px; /* Adjust based on desired size */
  height: auto; /* Maintain aspect ratio */
  border-radius: 20%; /* Optional: creates a circular image */
}

.coauthor-container p {
  margin-top: 10px; /* Space between image and name */
  font-size: 22px; /* Optional: reduces the size of the email */
}

.flex-container img{
  max-width: 500px;
  height: auto;
  border-radius: 10%;
  margin: 0 20px
}
.flex-container video {
  max-width: 500px;
  height: auto;
  border-radius: 5%;
  margin: 0 20px
}

.video-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Create two columns */
  grid-gap: 20px; /* Space between videos */
  justify-items: center; /* Center-align videos */
  align-items: center; /* Align videos vertically */
}
.video-grid video {
  width: 100%; /* Make videos fill their container */
  max-height: 200px; /* Limit video height, adjust as needed */
}
.SimulationVideo{
  width: 500pt; /* Make videos fill their container */
}

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

th, td {
  text-align: center;
  padding: 8
}

tr:nth-child(even) {
  background-color: #000000;
}

section h4 {
  margin-bottom: 40px; /* Adjust the space below the heading */
}

.conjecture, .formula {
  margin-bottom: 25px; /* Space below each paragraph */
  line-height: 3.6; /* Improves readability of the text */
  text-align: center; /* Optionally center the text */
}

.bibtexnumber {
  font-size: 17pt;
  text-align: right;
}
.bibtexitem {
  font-size: 17pt;
  text-align: right;
}

img {
  height: 500pt; /* Adjust based on desired size */
  width: auto; /* Maintain aspect ratio */
  object-fit: contain;  /* Prevents the image from stretching */
  border-radius: 10%; /* Optional: creates a circular image */
}

.left-text {
  text-align: left; /* Align text to the left */
}
.theorem{
  background-color: #330022;
}


.source {
    font-size: 0.6em;  /* Smaller font size */
    font-style: italic; /* Italicize the text */
    text-align: center;  /* Align text to the right */
    margin-top: 10px;   /* Space above the source text */
    color: #666;        /* A lighter, less prominent color */
}

.block {
  display: flex;
  align-items: center; /* Align items at the start of the flex container */
  justify-content: space-between; /* Add space between the video and image pair */
  gap: 20px; /* Optional: Adds space between the video and the images */
}

.block video {
  flex: 1;
  flex-basis: 60%; /* Adjust this value as needed to set the video's base size */
  max-width: 60%; /* Prevents the video from taking more than 50% of the container's width */
}

.image-pair {
  display: flex;
  flex-direction: column; /* Stack the images vertically */
  /* justify-content: flex-start; */
  align-items: center; /* Center align the images and paragraph */
  gap: 10px; /* Adds space between the paragraph and images, and between the images themselves */
  width: 500px; /* This line is optional since you've already set widths inline */
}

.image-pair img {
  width: 100%; /* Make the images fill their container */
  max-width: 100%; /* Prevents the images from taking more than 100% of the container's width */
  border-radius: 10%; /* Optional: creates a circular image */
  display: block;
}