main {
  width: 80%;
  margin: 250px auto 0 auto;
}

:root {
  --font-size: clamp(20px, 2.5vw, 1em);
}




p {
  text-align: justify;
  margin: 10px;
  padding-left: 30px;
}

h1 {
  color: var(--color-blue);
  margin: 20px 5px;
  ;
}

h2 {
   color: var(--color-blue);
  margin: 10px;
}


summary {
  margin: 10px;
  font-size: 1.5rem;
  color: var(--color-blue) ;
}



details ul,
details li { 
    list-style-type: disc;
    padding-left: 0.3em;
    margin: 25px;
    li {
      
      margin-bottom: 0.3em;
   
  
    }
  }



main a {
  text-decoration: none;
  color: var(--color-blue-sky);
}

main a:hover {
  text-decoration: none;
  color: var(--color-orange);
}


/* Cookies */

#cookie-info {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
  justify-content: center;
}
  
details {
  border: solid white 3px;
  border-radius: 1em;

}



  @media screen and (max-width: 845px) {
  main {
    
    margin: 0 auto;
    margin-top: 60vh !important;
  }

  p {
    margin: 0px;
    padding-left: 0px;
  }
}
    caption {
      font-size: 1.3em;
    }