html, body {
  margin: 0;
  padding: 0;
}

h1 {
  text-align: center;
}

.contact-card {
  max-width: 720px;
}

.hidden {
  display: none !important;
}

.vertical-text {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  text-orientation: mixed;
}

pre {
  background-color: #f5f5f5; /* Light gray background */
  color: #333; /* Dark text */
  padding: 15px; /* Uniform padding */
  border-radius: 5px; /* Rounded corners for the block */
  border: 1px solid #ccc; /* Single border around the entire block */
  font-family: "Courier New", Courier, monospace; /* Consistent monospace font */
  font-size: 1rem; /* Uniform font size */
  line-height: 1.6; /* Add spacing between lines */
  white-space: pre-wrap; /* Wrap long lines */
  overflow-x: auto; /* Allow horizontal scrolling if needed */
  margin: 0; /* Remove default margins */
}

code {
  background: none; /* Remove background for inline code inside pre */
  padding: 0; /* Remove extra padding from code inside pre */
  border: none; /* Remove borders for inline code */
  font-family: inherit; /* Inherit font settings from pre */
  color: inherit; /* Match the font color */
}

.left-align mjx-container[jax=CHTML][display=true] {
  text-align: left !important;
}

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

table, th, td {
  border: 1px solid #ddd;
  text-align: left;
  padding: 8px;
}

th {
  background-color: #f8f9fa;
}

html[data-bs-theme=light] .input-group #reset-all-filters {
  color: black; /* Ensures this rule takes priority */
}

html[data-bs-theme=dark] .input-group #reset-all-filters {
  border-color: var(--bs-gray-700); /* Ensures this rule takes priority */
}

.logo-bioinf {
  max-width: 80px;
}

.logo-uni-freiburg {
  max-width: 300px;
}

.logo-bioinf img, .logo-uni-freiburg img {
  width: 100%;
}

.navbar {
  font-family: "Roboto", sans-serif;
}

.warning-message {
  background-color: #fff3cd;
  border: 1px solid #ffeeba;
  border-radius: 4px;
  padding: 1rem;
  font-size: 16px;
  color: #856404;
  margin-bottom: 20px;
  text-align: center;
}

.team-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
}

.team-card {
  width: 400px;
  border: 1px solid #ccc;
  border-radius: 8px;
  margin-top: 75px;
  margin-bottom: 30px;
  margin-left: 20px;
  margin-right: 20px;
}

.avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
}

.team-card-title {
  font-weight: bold;
  margin-top: 60px;
  margin-bottom: 5px;
  font-size: 20px;
}

.team-card-text {
  margin-bottom: 15px;
  font-size: 16px;
}

.list-unstyled li {
  margin-bottom: 5px;
}

.list-unstyled li i {
  margin-right: 5px;
}

.contact-info .icon {
  display: inline-block;
  width: 20px;
  text-align: center;
  margin-right: 10px;
}

.social-links a {
  margin: 0 10px;
}

.lecture-card {
  width: 800px; /* To slightly increase the card width */
  margin: 20px auto;
}

/*# sourceMappingURL=styles.css.map */