:root {
    --h1-font-weight: 700;
    --h1-font-size: 47px;
    --h1-color: #000000;
  
    --h2-font-size: clamp(1.5rem, 5vw, 2rem);
  
    --h5-font-weight: 700;
    --h5-font-size: 27px;
  
    --h6-font-weight: 700;
    --h6-font-size: 20px;
  
    --h6-class-color: #42526e;
    --h6-class-margin-bottom: 1rem;
  
    --login-signup-h2-font-size: 1.75rem;
    --login-signup-h2-font-weight: bold;
    --login-signup-h2-color: #212529;
    --login-signup-h2-margin-bottom: 1rem;
  
    --subtitle-font-size: 20px;
    --subtitle-color: #2a3647;
    --subtitle-font-weight: 400;
    --subtitle-line-height: 24px;
  
    --greeting-font-weight: 400;
    --greeting-color: #2a3647;
    --greeting-font-size: clamp(36px, 4vw, 50px);
  
    --user-name-font-weight: 700;
    --user-name-font-size: clamp(47px, 5vw, 70px);
    --user-name-color: #29abe2;
  
    --p-color: #333;
    --p-line-height: 1.6;
    --p-margin-bottom: 16px;
  
    --text-blue-color: #29abe2;
  }
  

  h1 {
    font-weight: var(--h1-font-weight);
    font-size: var(--h1-font-size);
    color: var(--h1-color);
  }

  
  h2 {
    font-size: var(--h2-font-size);
  }

  
  h5 {
    font-weight: var(--h5-font-weight);
    font-size: var(--h5-font-size);
  }
  

  h6 {
    font-size: var(--h6-font-size);
    font-weight: var(--h6-font-weight);
  }
  

  .h6 {
    font-size: var(--h6-font-size) !important;
    font-weight: var(--h6-font-weight);
    color: var(--h6-class-color);
    margin-bottom: var(--h6-class-margin-bottom);
  }
  

  .login-container h2,
  .signup-container h2 {
    font-size: var(--login-signup-h2-font-size);
    font-weight: var(--login-signup-h2-font-weight);
    color: var(--login-signup-h2-color);
    margin-bottom: var(--login-signup-h2-margin-bottom);
  }
  

  .subtitle {
    font-size: var(--subtitle-font-size);
    color: var(--subtitle-color);
    font-weight: var(--subtitle-font-weight);
    line-height: var(--subtitle-line-height);
  }
  

  #greeting {
    font-weight: var(--greeting-font-weight);
    color: var(--greeting-color);
    font-size: var(--greeting-font-size);
  }
  

  #userName {
    font-weight: var(--user-name-font-weight);
    font-size: var(--user-name-font-size);
    color: var(--user-name-color) !important;
  }
  

  p {
    color: var(--p-color);
    line-height: var(--p-line-height);
    margin-bottom: var(--p-margin-bottom);
  }

  
  .textblue {
    color: var(--text-blue-color);
  }
  
  
  .linkDev {
    cursor: pointer;
  }