:root {

    /**
     * colors
     */

     --white: hsla(0, 0%, 100%, 1);
     --white_a8: hsla(0, 0%, 100%, 0.08);
     --white_a12: hsla(0, 0%, 100%, 0.12);
     --cultured: hsla(220, 20%, 97%, 1);
     --snow: hsla(345, 57%, 97%, 1);
     --manatee: hsla(219, 10%, 62%, 1);
     --black-coral: hsla(220, 12%, 43%, 1);
     --cadet-blue-crayola_a20: hsla(222, 23%, 71%, 0.2);
     --cinnamon-satin: hsla(344, 53%, 62%, 1);
     --raisin-black: hsla(216, 14%, 14%, 1);
     --raisin-black_a6: hsla(216, 14%, 14%, 0.06);
     --gunmetal: hsla(214, 15%, 21%, 1);
     --charcoal: hsla(219, 22%, 26%, 1);
  
     --ff-manrope: 'Manrope', sans-serif;

     --fs-1: calc(2.7rem + 1.38vw);
     --fs-2: calc(2.6rem + .66vw);
     --fs-3: calc(2.6rem + .24vw);
     --fs-4: 1.9rem;
     --fs-5: 1.8rem;
     --fs-6: 1.7rem;
     --fs-7: 1.5rem;
     --fs-8: 1.4rem;
     
     --fw-700: 700;

     /**
   * spacing
   */

}  

body {
    background-color: var(--white);
    color: var(--black-coral);
    font-size: 1.6rem;
    line-height: 1.7;
  }

  body.nav-active { overflow: hidden; }

  ::-webkit-scrollbar { width: 10px; }
  
  ::-webkit-scrollbar-track { background-color: hsl(0, 0%, 98%); }
  
  ::-webkit-scrollbar-thumb { background-color: hsl(0, 0%, 80%); }
  
  ::-webkit-scrollbar-thumb:hover { background-color: hsl(0, 0%, 70%); }

/*-----------------------------------*\
  #General
\*-----------------------------------*/
h1 {
  font-family: var(--ff-manrope);
    font-size: 60px;
    text-align: center;
}
a {
    color: inherit;
    text-decoration: none;
  }
  
  img { height: auto;}
  
  input,
  button,
  textarea {
    background: none;
    border: none;
    font-family: var(--ff-manrope);
  
  }
  

p {
    font-family: var(--ff-manrope);
    font-size: 14px;
    text-align: center;
    /* Adjust the font size as needed */
}

.container { padding-inline: 16px; }

/*-----------------------------------*\
  #Footer
\*-----------------------------------*/

.footer { padding-block: 40px; }

.copyright { margin-block-end: 12px; }
.footer .social-link { color: var(--charcoal); }
/* Style the footer */


/* Style the flags */
.flag {
  width: 50px;
  /* Adjust the width of the flags as needed */
  margin-right: 10px;
  display: inline-block; /* Ensure the image is displayed as a block element */
  margin: 5 auto;
}

/* Style the text within the footer */
.acknowledgement p {
    font-family: var(--ff-manrope);
    font-size: 14px;
    text-align: center;
    /* Adjust the font size as needed */
}

.acknowledgement {
  text-align: center;
}

  /**
   * FOOTER
   */

  .footer .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .copyright { margin-block-end: 0; }