@font-face {
  font-family: 'gabriela';
  src: url('https://uploads.igem.org/teams/4998/wiki/wiki-photos/fonts/thessaloniki-fontsfree-net-gabriela3.woff');
}


h1,
h2,
h3,
 h4,
 h5,
h6 {
  font-family: 'gabriela';
} 
.bg-hero{
  background-image: url('https://static.igem.wiki/teams/4247/wiki/team-pics/team-picture.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  width: 100%;
  height: 100vh;
}

@media  (max-width: 991px) {
 .bg-hero {
  width:100%;
  height: auto;
  background-position: center center;
 }
}



/*tables*/

.table-parts {
  border: 2px solid #0B3D25;
  border-radius: 5px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}


.table-parts th{
  background-color: #0B3D25;
  color:#fff;
  text-align: center;
}

table.table-parts a {
text-decoration:none;
color: #0B3D25;
font-weight: bold;
cursor: pointer; 
}

table.table-parts a:hover {
text-decoration: underline; 
}

.table-parts tbody tr:nth-child(even) {
background-color: rgba(167, 195, 157, 0.7); 
}

.table-parts tbody tr:nth-child(odd) {
background-color: rgba(167, 195, 157, 0.3); 
}

.table-container {
position: relative;
}

.bird-image {
position: absolute;
top: -10px;
right: 0;
max-width: 150px;
z-index: 99;
}



.main-container {
position: relative; /* Set the container to relative positioning */
width: 100%; /* Set the container to full width */ /* Set the container height as needed */
}

/* Style for the image */
.tr-img {
position: absolute; /* Set the image to absolute positioning within the container */
top: -48px; /* Place the image at the top */
right: 0; /* Place the image at the right */
max-width: 200px; 
}