@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';
  } 
     
  
.custom-content {
    display: none;
}

#content-microbes {
    display: block;
}

.custom-button {
    cursor: pointer;
}

.btn:focus {
    outline: none; 
    border: none;
    box-shadow: none;
}

.btn:active {
    outline: none; 
    border: none;
    box-shadow: none;
}


.custom-button:hover img, .custom-button:hover h3 {
    transform: scale(1.15);
    transition: transform 0.2s ease-in-out;
}

.custom-button img {
    max-width: 150px;
    max-height: 150px;
    margin-right: 20px;
    transition: transform 0.2s ease-in-out;
}

.custom-button h3 {
    color: #0B3D25;
    font-weight: 600;
    transition: transform 0.2s ease-in-out;
}


sup a {
    text-decoration: none; /* Remove underline */
    color: inherit; /* Inherit color from parent (default text color) */
}

.btn.custom-button:focus {
    outline: none;
    outline: none; 
    border: none;
    box-shadow: none;
}

.btn.custom-button:active {
    outline: none;
    outline: none; 
    border: none;
    box-shadow: none;
}


.assumptions{
    padding: 20px;
    border: 2px solid #0B3D25;
    background-color: #85ae9a;
    box-shadow: 5px 5px 10px #0B3D25;
    margin-bottom: 10px;
  }