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;
  }


      /*read more test apo entre-------------------*/



.accordion-container {
    min-width: 600px;
    padding: 0.6rem;
    border-radius: 12px;
  }
  
  .accordion-container:first-child {
   background: #eeffbd; /* Pastel pink */
    border-bottom: 4px solid #719e2d; /* Pastel coral */

  }
 .accordion-header {
    background-color: transparent;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    cursor: pointer;
  }
  
  .accordion-toggle {
    align-self: flex-start;
    background-color: transparent;
    font-size: 1.8rem;
    transition: all 0.5s ease-in-out;
  }
  
  .accordion-toggle.active {
    rotate: 133deg;
  }
  
  .accordion-title {
    background-color: transparent;
    font-size: 1.5rem;
    font-weight: 500;
  }
  
  .accordion-content {
    background: transparent;
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.5s ease;
  text-align: justify; /* Justify the text */
  font-size: 18px; /* Adjust the font size as needed */
  padding: 15px;
}

  
  
  .active-content {
    grid-template-rows: 1fr;
  }
  
  .accordion-text {
    background-color: transparent;
    margin-top: 0.7rem;
    padding-left: 2.3rem;
    font-size: 0.9rem;
    overflow: hidden;
    line-height: 1.2rem;
  }

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


.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 */
    }




    /* 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%;
            }
        }