section{
    background-image: url(https://static.igem.wiki/teams/4624/wiki/green.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50vh;
  }
  
  h5{
    font-family: 'Monserat', sans-serif;
    font-size: 2.5cm;
    padding-top: 4cm;
    color: white;
    justify-content: center;
    text-align: center;
    font-weight: 900;
  }


 /* Remove default margins and padding */
        html, body {
            margin: 0;
            padding: 0;
            height: 100%;
        }

        body {
            background: rgb(95, 117, 15);
            font-family: Arial;
        }

        /* Center the SVG horizontally and vertically */
        svg {
            display: block;
            font: 8.5em 'Poppins'; /* Adjust the font size here */
            height: 300px;
            margin: auto; /* Center horizontally */
            position: absolute;
            top: 35%;
            left: 50%;
            transform: translate(-50%, -50%); /* Center vertically and horizontally */
        }


        .unique-text-copy {
            fill: none;
            stroke: white;
            stroke-dasharray: 6% 29%;
            stroke-width: 3.5px;
            stroke-dashoffset: 0%;
            animation: unique-stroke-offset 5.5s infinite linear;
        }

        .unique-text-copy:nth-child(1) {
            stroke: #d4b8dc;
            animation-delay: -1s;
        }

        .unique-text-copy:nth-child(2) {
            stroke: #d9a8bd;
            animation-delay: -2s;
        }

        .unique-text-copy:nth-child(3) {
            stroke: #bacba3;
            animation-delay: -3s;
        }

        .unique-text-copy:nth-child(4) {
            stroke: #dde76a;
            animation-delay: -4s;
        }

        .unique-text-copy:nth-child(5) {
            stroke: #cdefa1;
            animation-delay: -5s;
        }

        @keyframes unique-stroke-offset {
            100% {
                stroke-dashoffset: -35%;
            }
        }



        .image-text {
      font-size: 14px; /* Adjust the font size for the text below images */
      margin-top: 10px; /* Add some space between text and images */
      text-align: justify; /* Justify the text */
    }


    .italic-text {
    font-style: italic;
}


.subtitle {
  font-size: 30px; /* Adjust the size as needed */
  font-weight: bold;
    color: #759628;
}


.bold-green {
    font-weight: bold;
    color: #5b7323;
  }

/*----------------FIG1-------------------*/

.bold-fig1-1 {
    font-weight: bold;
    color: #6774ff;
  }

.bold-fig1-2 {
    font-weight: bold;
    color: #11760f;
  }


  .bold-fig1-3 {
    font-weight: bold;
    color: #4b4c17;
  }


   .bold-fig1-4 {
    font-weight: bold;
    color: #df4fe1;
  }




.bold-fig1-1 {
    font-weight: bold;
    color: #6774ff;
  }

.bold-fig1-2 {
    font-weight: bold;
    color: #11760f;
  }


  .bold-fig1-3 {
    font-weight: bold;
    color: #4b4c17;
  }


   .bold-fig1-4 {
    font-weight: bold;
    color: #df4fe1;
  }