html {
      scroll-behavior: smooth;
    }
    
    
    
    @font-face {
      font-family: 'Metropolis';
      src: url('../fonts/Metropolis-Thin.otf') format('opentype');
      font-weight: 200;
      font-style: normal;
    }
    
    /* Cargar Metropolis Regular */
    @font-face {
      font-family: 'Metropolis';
      src: url('../fonts/Metropolis-Regular.otf') format('opentype');
      font-weight: 300;
      font-style: normal;
    }
    
    /* Cargar Metropolis Medium */
    @font-face {
      font-family: 'Metropolis';
      src: url('../fonts/Metropolis-Medium.otf') format('opentype');
      font-weight: 500; /* Medium */
      font-style: normal;
    }
    
    /* Cargar Metropolis SemiBold */
    @font-face {
      font-family: 'Metropolis';
      src: url('../fonts/Metropolis-SemiBold.otf') format('opentype');
      font-weight: 600; /* SemiBold */
      font-style: normal;
    }
    
    /* Cargar Metropolis Bold */
    @font-face {
      font-family: 'Metropolis';
      src: url('../fonts/Metropolis-Bold.otf') format('opentype');
      font-weight: 700;
      font-style: normal;
    }
    
    /* Cargar Metropolis ExtraBold */
    @font-face {
      font-family: 'Metropolis';
      src: url('../fonts/Metropolis-ExtraBold.otf') format('opentype');
      font-weight: 800; /* ExtraBold */
      font-style: normal;
    }


    body {
         font-family: 'Metropolis', sans-serif;
        margin: 0;
  
    }
    
    


    

   

    
    h1 {
        font-family: 'Montserrat', sans-serif;
        font-weight:Bold;
        font-size: 46px;
        color:white;
        text-align:center;
    }
    h2 {
        font-family: 'Montserrat', sans-serif;
        font-weight:Bold;
        font-size: 40px;
        color:white;
        text-align:center;
    }
    h3 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        font-size: 26px;
        color: white;
        text-align: center;
    }
    h4 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 20px;
        color: white;
        text-align: left;
    }
    p {
        font-family: 'Montserrat', sans-serif;
        font-weight:Normal;
        font-size: 14px;
        color:white;
        text-align:center;
    }