@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;800&display=swap');
/* Import de la font Syne depuis Google Fonts et on l'applique sur tous les éléments de la page */
/*body {
   font-family: 'Syne', sans-serif;
   width: 100%;
   margin: auto;
   max-width: 1440px;
}

:root {
   --background-color-main: #12d2e0;
   --green-color: #3B8E46;
   --pink-color-button: #DC9F96;
   --color-button-order: #E0B9B4;
   --color-branding: white;
}*/

/*header*/
#header * {
   display: flex;
   flex-direction: row;
   align-items: center;
   width: 100%;
   height: 80px;
}

#menu * {
   display: flex;
   flex-direction: row;
   text-decoration: none;
   font-size: 25px;
   justify-content: center;
   background-color: var(--background-color-main);
   & ul {
      padding-top: 1rem;
      font-weight: 500;
   }
}

#branding-img {
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
      & h1{
      font-size: 40px;
      color: var(--color-branding);
      background-color: var(--background-color-main);
      padding: 20px 0 20px 0;
      }
      & p {
         z-index: 1;
      }
}


.ast-container {
   max-width: fit-content;
}

.ast-above-header-bar {
   border-bottom-color: white;
}