html
{
  padding: 0px;
}

body
{
    margin: 0px;
    border: 8px solid #19F2E0;
    font-weight: 100;
    background-color: rgb(255 209 0 / 4%);
    color: #2c2a26;
    font-family: "Plus Jakarta Sans";
    box-sizing: border-box;
    padding: 20px;
    font-size: 20px;
    font-weight: 200;
    line-height: 30px;
    padding-bottom: 200px;
}

.container
{
  width: 100%;
  max-width: 840px;
  display: block;
  margin: auto;
  margin-top: 60px;
  box-sizing: border-box;
}

.underline
{
  border-bottom: 8px solid #19F2E0;
  display: inline-block;
}

.sign
{
  font-weight: bold;
  margin-top: 40px;
}

.bold
{
  font-weight: 600;
}

.italic
{
  font-style: italic;
}



.main-title
{
    font-size: 2.8em;
    font-family: "Plus Jakarta Sans";
    font-weight: 800;
    line-height: 1em;

}

.potion-badge
{
    display: none;
}

b
{
    font-weight: 800;
}

p
{
  margin-bottom: 30px;
  display: block;
}


.main-links
{
  text-align: center;
}

.main-links h2
{
  font-size: 2em;
  line-height: 1em;
}

.accordion
{
  display: grid;
  grid-template-columns: auto auto;
  width: 100%;
  margin-bottom: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.accordion-icon
{
  font-size: 30px;
  margin: auto;
  margin-right: 0px;
  font-weight: 600;
}

.accordion-title
{
  border-bottom: 8px solid #19F2E0;
  display: inline-block;
  font-weight: 600;
  width: fit-content;
  margin-top: 20px;
}

.accordion:hover
{
  opacity: 0.6;
  transition: 0.3s;
}

.accordion-text
{
  padding-top: 20px;
  display: none;
}

.main-links
{
  /* border: 4px solid black; */
  padding: 20px;
  padding-bottom: 60px;
}

.main-links-container
{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  padding-top: 40px;
}

.mlc-link
{
  padding: 10px;
  border-radius: 10px;
  /* color: white; */
  text-decoration: none;
  font-weight: 600;
  /* border-bottom: 8px solid #19F2E0; */
  background-color: black;
  color: white;
  /* width: fit-content; */
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  margin: auto;
  font-weight: 100;
  padding-right: 15px;
}

.mlc-link img
{
  margin-bottom: -8px;
}

.mlc-link-whatsapp
{
  /* background-color: #25D366; */
}

.mlc-link-mail
{
  /* background-color: #C71610; */
}

.mlc-link-twitter
{
  /* background-color: black; */
}

.social-icons-min
{
  width: 30px;
  margin-right: 5px;
}

a
{
  transition: 0.3s;
  color: inherit;
  text-decoration: none;
}

a:hover
{
  opacity: 0.7;
  transition: 0.3s;
}

.accordion-expanded .accordion-text
{
  display: block;
}

.accordion .accordion-icon-neg
{
  display: none;
}

.accordion-expanded .accordion-icon-neg
{
  display: block;
}

.accordion-expanded .accordion-icon-pos
{
  display: none;
}

.accordion-expanded:hover
{
  opacity: 1;
}



a[href='#list-of-signees']
{
  display: inline;
  font-size: 16px;
  border-bottom: 1px solid grey;
}

#list-of-signees
{
  text-align: center;
}


.signee
{
  font-weight: 700;
}

.jobtitle
{
  font-weight: 200;
}


.ressources_logos
{
  width: 100%;
  max-width: 200px;
  display: block;
}

.download-links
{
  border-bottom: 2px solid #19F2E0;
}



@media screen and (max-width: 800px) {

  .main-links
  {


  }

  .main-title
  {
    font-size: 2em;
  }

  .main-links-container
  {
    grid-template-columns: 1fr;
    grid-row-gap: 10px;
  }

  h3.underline , h2.underline
  {
    border-bottom: none;
  }

}