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-container {
   display: flex; /* Use flexbox to align images side by side */
}

.image-container img {
   width: 50%; /* Adjust the width as needed for your layout */
   max-width: 100%; /* Ensure images don't exceed their original size */
}



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



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