body {
  font: normal 16px/1.5 "Poppins", sans-serif;
  overflow-x: hidden;
}
a{
  text-decoration: none;
  color: #5b7323;
}
a:hover{
  text-decoration: none;
  color: #5b7323;
}
.intro-img{
  background-image: url(https://static.igem.wiki/teams/4624/wiki/1-2-3-edu-teliko.png);
  background-size: cover;
  height: 8cm;
  width: 14.3cm;
  display: -webkit-inline-box;
}
.phase-goals{
  display: inline-flex;
  place-items: center;
  justify-content: center;
  gap: 3cm;
  margin-top: 0.5cm;
}
/*---------------SECTION 1------------------*/
.goals1{
  background-image: url(https://static.igem.wiki/teams/4624/wiki/art-ex-goals.png);
  background-size: cover;
  height: 9.2cm;
  width: 17cm;
}
/*---------------SECTION 1 CAROUSEL-------------------*/
#slideshow {
  text-align: center;
  overflow: hidden;
  height: 500px;
  width: 720px;
  margin: 0 auto;
}

.slide-wrapper {
  width: 2912px;
  animation: slide 18s ease infinite;
}

.slide {
  float: left;
  height: 508px;
  width: 684px;
}

.slide:nth-child(1) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/hum1-1.jpg);
  background-size: contain;
  margin-right: 1cm;
}
.slide:nth-child(2) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human1-2.png);
  background-size: contain;
  margin-right: 1.2cm;
}
.slide:nth-child(3) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human1-10.jpg);
  background-size: contain;
  margin-right: 1.4cm;
}
.slide:nth-child(4) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human1-8.jpg);
  background-size: contain;
}
@keyframes slide {
  20% {margin-left: 0px;}
  30% {margin-left: -728px;}
  50% {margin-left: -728px;}
  60% {margin-left: -1456px;}
  70% {margin-left: -1456px;}
  80% {margin-left: -2184px;}
  90% {margin-left: -2184px;}
}
/*--------------- SECTION 1-2 CAROUSEL --- ERGA -------------------*/
#slideshow1-2 {
  text-align: center;
  overflow: hidden;
  height: 500px;
  width: 720px;
  margin: 0 auto;
}

.slide-wrapper1-2 {
  width: 2912px;
  animation: slide 14s ease infinite;
}

.slide1-2 {
  float: left;
  height: 508px;
  width: 684px;
}

.slide1-2:nth-child(1) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human1-5.jpg);
  background-size: contain;
  margin-right: 1cm;
}
.slide1-2:nth-child(2) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human1-6.jpg);
  background-size: contain;
  margin-right: 1.2cm;
}
.slide1-2:nth-child(3) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human1-3.jpg);
  background-size: contain;
  margin-right: 1.4cm;
}
.slide1-2:nth-child(4) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human1-4.jpg);
  background-size: contain;
}

@keyframes slide1-2 {
  20% {margin-left: 0px;}
  30% {margin-left: -728px;}
  50% {margin-left: -728px;}
  60% {margin-left: -1456px;}
  70% {margin-left: -1456px;}
  80% {margin-left: -2184px;}
  90% {margin-left: -2184px;}
}
/*---------------SECTION 2------------------*/
.goals2{
  background-image: url(https://static.igem.wiki/teams/4624/wiki/neoleas-goals.png);
  background-size: cover;
  height: 9.2cm;
  width: 17cm;
}
/*---------------SECTION 2 CAROUSEL-------------------*/
#slideshow2 {
  text-align: center;
  overflow: hidden;
  height: 500px;
  width: 720px;
  margin: 0 auto;
}

.slide-wrapper2 {
  width: 2912px;
  animation: slide 18s ease infinite;
}

.slide2 {
  float: left;
  height: 508px;
  width: 684px;
}

.slide2:nth-child(1) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/section2-1.jpg);
  background-size: contain;
  margin-right: 1cm;
}

.slide2:nth-child(2) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/section2-2.jpg);
  background-size: contain;
  margin-right: 1.2cm;
}

.slide2:nth-child(3) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/section2-3.jpg);
  background-size: contain;
  margin-right: 1.4cm;
}

.slide2:nth-child(4) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/humna2-4.png);
  background-size: contain;
}

@keyframes slide2 {
  20% {margin-left: 0px;}
  30% {margin-left: -728px;}
  50% {margin-left: -728px;}
  60% {margin-left: -1456px;}
  70% {margin-left: -1456px;}
  80% {margin-left: -2184px;}
  90% {margin-left: -2184px;}
}
/*------------------------- SECTION 2-2 -------------------------*/
#slideshow2-2  {
  text-align: center;
  overflow: hidden;
  height: 430px;
  width: 500px;
  margin: 0 auto;
}

.slide-wrapper2-2  {
  width: 2912px;
  animation: slide 12s ease infinite;
}

.slide2-2  {
  float: left;
  height: 508px;
  width: 525px;
}

.slide2-2:nth-child(1) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human2-1.png);
  background-size: contain;
  margin-right: 5cm;
}

.slide2-2:nth-child(2) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human2-2.png);
  background-size: contain;
  margin-right: 5cm;
}

.slide2-2:nth-child(3) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human2-3.png);
  background-size: contain;
  margin-right: 5cm;
}

.slide2-2:nth-child(4) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human2-4.png);
  background-size: contain;
}

@keyframes slide2-2  {
  20% {margin-left: 0px;}
  30% {margin-left: -728px;}
  50% {margin-left: -728px;}
  60% {margin-left: -1456px;}
  70% {margin-left: -1456px;}
  80% {margin-left: -2184px;}
  90% {margin-left: -2184px;}
}
/*---------------SECTION 3------------------*/
.goals3{
  background-image: url(https://static.igem.wiki/teams/4624/wiki/kats-goals.png);
  background-size: cover;
  height: 9.2cm;
  width: 17cm;
}
.infographic{
  background-image: url(https://static.igem.wiki/teams/4624/wiki/info.jpg);
  background-size: cover;
  height: 11.5cm;
  width: 15.2cm;
}
/*---------------SECTION 3 CAROUSEL-------------------*/
#slideshow3{
  text-align: center;
  overflow: hidden;
  height: 500px;
  width: 720px;
  margin: 0 auto;
}

.slide-wrapper3 {
  width: 2912px;
  animation: slide 18s ease infinite;
}

.slide3 {
  float: left;
  height: 508px;
  width: 684px;
}

.slide3:nth-child(1) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/hum-3-1.jpg);
  background-size: contain;
  margin-right: 1cm;
}

.slide3:nth-child(2) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/hum-3-2.jpg);
  background-size: contain;
  margin-right: 1.2cm;
}
.slide3:nth-child(3) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/hum-3-3.jpg);
  background-size: contain;
  margin-right: 1cm;
}

.slide3:nth-child(4) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/hum-3-4.jpg);
  background-size: contain;
  margin-right: 1.2cm;
}
@keyframes slide3  {
  20% {margin-left: 0px;}
  30% {margin-left: -728px;}
  50% {margin-left: -728px;}
  60% {margin-left: -1456px;}
  70% {margin-left: -1456px;}
  80% {margin-left: -2184px;}
  90% {margin-left: -2184px;}
}
/*---------------SECTION 4------------------*/
.goals4{
  background-image: url(https://static.igem.wiki/teams/4624/wiki/webinar-goals.png);
  background-size: cover;
  height: 9.2cm;
  width: 17cm;
}
/*---------------SECTION 4 CAROUSEL-------------------*/
#slideshow4{
  text-align: center;
  overflow: hidden;
  height: 500px;
  width: 720px;
  margin: 0 auto;
}

.slide-wrapper4 {
  width: 2912px;
  animation: slide 18s ease infinite;
}

.slide4 {
  float: left;
  height: 508px;
  width: 684px;
}

.slide4:nth-child(1) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human4-1.jpg);
  background-size: contain;
  margin-right: 1cm;
}

.slide4:nth-child(2) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human4-2.jpg);
  background-size: contain;
  margin-right: 1.2cm;
}

.slide4:nth-child(3) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human4-3.jpg);
  background-size: contain;
  margin-right: 1.4cm;
}

.slide4:nth-child(4) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human4-4.jpg);
  background-size: contain;
}

@keyframes slide4 {
  20% {margin-left: 0px;}
  30% {margin-left: -728px;}
  50% {margin-left: -728px;}
  60% {margin-left: -1456px;}
  70% {margin-left: -1456px;}
  80% {margin-left: -2184px;}
  90% {margin-left: -2184px;}
}
/*---------------SECTION 5------------------*/
.goals5{
  background-image: url(https://static.igem.wiki/teams/4624/wiki/debate-goals.png);
  background-size: cover;
  height: 9.2cm;
  width: 17cm;
}
.debate{
  background-image: url(https://static.igem.wiki/teams/4624/wiki/debate.jpg);
  background-size: cover;
  height: 15cm;
  width: 20cm;
}
/*---------------SECTION 6------------------*/
.goals6{
  background-image: url(https://static.igem.wiki/teams/4624/wiki/1-20230921-102401-0000.png);
  background-size: cover;
  height: 9.2cm;
  width: 17cm;
}
.bioplastic-info{
  background-image: url(https://static.igem.wiki/teams/4624/wiki/bio-info.png);
  background-size: cover;
  height: 21cm;
  width: 15cm;
}

/*---------------SECTION 7------------------*/
.goals7{
  background-image: url(https://static.igem.wiki/teams/4624/wiki/dim-goals.png);
  background-size: cover;
  height: 9.2cm;
  width: 17cm;
}
.stats7-1{
  background-image: url(https://static.igem.wiki/teams/4624/wiki/stats7-1.png);
  background-size: cover;
  height: 9cm;
  width: 12cm;
  justify-content: center;
}
.stats7-2{
  background-image: url(https://static.igem.wiki/teams/4624/wiki/stats7-2.png);
  background-size: cover;
  height: 10cm;
  width: 12cm;
  justify-content: center;
}
.stats7-3{
  background-image: url(https://static.igem.wiki/teams/4624/wiki/stats7-3.png);
  background-size: cover;
  height: 10cm;
  width: 12cm;
  justify-content: center;
}
/*---------------SECTION 7 CAROUSEL-------------------*/
#slideshow7{
  text-align: center;
  overflow: hidden;
  height: 500px;
  width: 475px;
  margin: 0 auto;
}

.slide-wrapper7 {
  width: 2912px;
  animation: slide 12s ease infinite;
}

.slide7 {
  float: left;
  height: 508px;
  width: 540px;
}

.slide7:nth-child(1) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human7-1.png);
  background-size: contain;
  margin-right: 4.8cm;
}

.slide7:nth-child(2) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human7-2.png);
  background-size: contain;
  margin-right: 5cm;
}

.slide7:nth-child(3) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human7-3.png);
  background-size: contain;
  margin-right: 5cm;
}

.slide7:nth-child(4) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human7-4.png);
  background-size: contain;
}

@keyframes slide7 {
  20% {margin-left: 0px;}
  30% {margin-left: -728px;}
  50% {margin-left: -728px;}
  60% {margin-left: -1456px;}
  70% {margin-left: -1456px;}
  80% {margin-left: -2184px;}
  90% {margin-left: -2184px;}
}
/*----------------------CAROUSEL GIA DRASEIS---------SECTION 7---------------*/
#slideshow7-2{
  text-align: center;
  overflow: hidden;
  height: 500px;
  width: 720px;
  margin: 0 auto;
}

.slide-wrapper7-2 {
  width: 2912px;
  animation: slide 18s ease infinite;
}

.slide7-2 {
  float: left;
  height: 508px;
  width: 684px;
}

.slide7-2:nth-child(1) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human7-5.jpg);
  background-size: contain;
  margin-right: 1cm;
}

.slide7-2:nth-child(2) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human7-6.jpg);
  background-size: contain;
  margin-right: 1.2cm;
}

.slide7-2:nth-child(3) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human7-7.jpg);
  background-size: contain;
  margin-right: 1.4cm;
}

.slide7-2:nth-child(4) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human7-8.jpg);
  background-size: contain;
}

@keyframes slide7 {
  20% {margin-left: 0px;}
  30% {margin-left: -728px;}
  50% {margin-left: -728px;}
  60% {margin-left: -1456px;}
  70% {margin-left: -1456px;}
  80% {margin-left: -2184px;}
  90% {margin-left: -2184px;}
}
/*---------------SECTION 8------------------*/
.goals8{
  background-image: url(https://static.igem.wiki/teams/4624/wiki/gim-goals.png);
  background-size: cover;
  height: 9.2cm;
  width: 17cm;
}
.stats8-1{
  background-image: url(https://static.igem.wiki/teams/4624/wiki/stats8-1.png);
  background-size: cover;
  height: 9cm;
  width: 12cm;
  justify-content: center;
}
.stats8-2{
  background-image: url(https://static.igem.wiki/teams/4624/wiki/stats8-2.png);
  background-size: cover;
  height: 9cm;
  width: 12cm;
  justify-content: center;
}
/*---------------SECTION 8 CAROUSEL-------------------*/
#slideshow8{
  text-align: center;
  overflow: hidden;
  height: 500px;
  width: 720px;
  margin: 0 auto;
}

.slide-wrapper8 {
  width: 2912px;
  animation: slide 18s ease infinite;
}

.slide8 {
  float: left;
  height: 508px;
  width: 684px;
}

.slide8:nth-child(1) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/humna8-1.jpg);
  background-size: contain;
  margin-right: 1cm;
}

.slide8:nth-child(2) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/humna8-2.jpg);
  background-size: contain;
  margin-right: 1.2cm;
}

.slide8:nth-child(3) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/humna8-3.jpg);
  background-size: contain;
  margin-right: 1.4cm;
}

.slide8:nth-child(4) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/humna8-2.jpg);
  background-size: contain;
}

@keyframes slide8{
  20% {margin-left: 0px;}
  30% {margin-left: -728px;}
  50% {margin-left: -728px;}
  60% {margin-left: -1456px;}
  70% {margin-left: -1456px;}
  80% {margin-left: -2184px;}
  90% {margin-left: -2184px;}
}
/*---------------SECTION 9------------------*/
.goals9{
  background-image: url(https://static.igem.wiki/teams/4624/wiki/lyk-goals.png);
  background-size: cover;
  height: 9.2cm;
  width: 17cm;
}
.stats9-1{
  background-image: url(https://static.igem.wiki/teams/4624/wiki/stats9-1.png);
  background-size: cover;
  height: 10cm;
  width: 12cm;
}
.stats9-2{
  background-image: url(https://static.igem.wiki/teams/4624/wiki/stats9-2.png);
  background-size: cover;
  height: 10cm;
  width: 12cm;
}
/*---------------SECTION 9 CAROUSEL-------------------*/
#slideshow9{
  text-align: center;
  overflow: hidden;
  height: 500px;
  width: 720px;
  margin: 0 auto;
}

.slide-wrapper9 {
  width: 2912px;
  animation: slide 18s ease infinite;
}

.slide9 {
  float: left;
  height: 508px;
  width: 684px;
}

.slide9:nth-child(1) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human9-1.jpg);
  background-size: contain;
  margin-right: 1cm;
}

.slide9:nth-child(2) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human9-2.jpg);
  background-size: contain;
  margin-right: 1.2cm;
}

.slide9:nth-child(3) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human9-3.jpg);
  background-size: contain;
  margin-right: 1.4cm;
}

.slide9:nth-child(4) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/human9-3.jpg);
  background-size: contain;
}

@keyframes slide9 {
  20% {margin-left: 0px;}
  30% {margin-left: -728px;}
  50% {margin-left: -728px;}
  60% {margin-left: -1456px;}
  70% {margin-left: -1456px;}
  80% {margin-left: -2184px;}
  90% {margin-left: -2184px;}
}
/*---------------SECTION 10------------------*/
.goals10{
  background-image: url(https://static.igem.wiki/teams/4624/wiki/lyk-guide.png);
  background-size: cover;
  height: 9.2cm;
  width: 17cm;
}

.pdf_container{
  display:flex;
  justify-content: center;
  column-gap: 3%;
}

.pdf_grid{
  width:200%; 
  height: 669px;
}

/*--------------------ARTICLE PUBLICATION-------------------------*/
.article-pub{
  background-image: url(https://static.igem.wiki/teams/4624/wiki/article-publ.jpg);
  background-size: cover;
  height: 12.8cm;
  width: 17cm;
}
/*---------------esfie CAROUSEL-------------------*/
#slideshow-esfie{
  text-align: center;
  overflow: hidden;
  height: 500px;
  width: 720px;
  margin: 0 auto;
}
.slide-wrapper-esfie {
  width: 2912px;
  animation: slide 18s ease infinite;
}
.slide-esfie {
  float: left;
  height: 508px;
  width: 684px;
}
.slide-esfie:nth-child(1) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/esfie1.jpg);
  background-size: contain;
  margin-right: 1cm;
}
.slide-esfie:nth-child(2) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/esfie2.jpg);
  background-size: contain;
  margin-right: 1.2cm;
}
.slide-esfie:nth-child(3) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/esfie3.jpg);
  background-size: contain;
  margin-right: 1.4cm;
}
.slide-esfie:nth-child(4) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/esfie4.jpg);
  background-size: contain;
}
@keyframes slide-esfie {
  20% {margin-left: 0px;}
  30% {margin-left: -728px;}
  50% {margin-left: -728px;}
  60% {margin-left: -1456px;}
  70% {margin-left: -1456px;}
  80% {margin-left: -2184px;}
  90% {margin-left: -2184px;}
}
/*---------------PFSbio CAROUSEL-------------------*/
#slideshow-PFSbio{
  text-align: center;
  overflow: hidden;
  height: 500px;
  width: 720px;
  margin: 0 auto;
}

.slide-wrapper-PFSbio {
  width: 2912px;
  animation: slide 18s ease infinite;
}

.slide-PFSbio {
  float: left;
  height: 508px;
  width: 684px;
}

.slide-PFSbio:nth-child(1) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/pfsbio-1.jpg);
  background-size: contain;
  margin-right: 1cm;
}

.slide-PFSbio:nth-child(2) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/pfsbio-2.jpg);
  background-size: contain;
  margin-right: 1.2cm;
}

.slide-PFSbio:nth-child(3) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/pfsbio-3.jpg);
  background-size: contain;
  margin-right: 1.4cm;
}

.slide-PFSbio:nth-child(4) {
  background-image: url(https://static.igem.wiki/teams/4624/wiki/pfsbio-2.jpg);
  background-size: contain;
}

@keyframes slide-PFSbio {
  20% {margin-left: 0px;}
  30% {margin-left: -728px;}
  50% {margin-left: -728px;}
  60% {margin-left: -1456px;}
  70% {margin-left: -1456px;}
  80% {margin-left: -2184px;}
  90% {margin-left: -2184px;}
}
/*----------------- TOP IMAGE HUMAN PRACTICES  ----------------------*/
.top{
  background-image: url(https://static.igem.wiki/teams/4624/wiki/green.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 50vh;
}


  @media (min-width: 1779px){
    .top{
      height: 62vh;
    }
  }

  .title-timeline{
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    padding-top: 4cm;
    justify-content: center;
    text-align: center;
    font-weight: 900;
    color: #5b7323;
  }
  .into-explain{
    color: black;
    margin: 1cm 6cm 1cm 6cm;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 400;
  }
  .link-timeline{
    color: #5b7323;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 500;
    text-decoration: none;
  }
/*-------------------INTRO SECTION–––––––––––––––––––––––––––––––––––––––––––––––––– */

  .intro {
    background: black;
    padding: 100px 0;
  }
  
  .container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    text-align: center;
  }
  
  h1 {
    font-size: 2.5rem;
  }
  
  

/*------------------------------------FOOTER STYLES–––––––––––––––––––––––––––––––––––––––––––––––––– */
  .page-footer {
    position: fixed;
    right: 0;
    bottom: 20px;
    display: flex;
    align-items: center;
    padding: 5px;
    color: black;
    background: rgba(255, 255, 255, 0.65);
  }
  
  .page-footer a {
    display: flex;
    margin-left: 4px;
  }


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