
  

  
  

  
  
  
  
    


@layer base {
  
  body, :host {
    /* Color */
    --gold-100: #ebb11e;
--gold-100-03: #ebb11e4d;
--gold-100-01: #ebb11e26;
--gold-100-01-a: #ebb11e0d;
--darkGold-100: #c99b27;
--slate-100: #3f536a;
--slate-100-6: #3f536a99;
--slate-100-4: #3f536a66;
--slate-100-18: #3f536a2e;
--slate-100-1: #3f536a0d;
--slate-100-06: #3f536a0f;
--cream-100: #fbfaf7;
--cream-200: #f4f2ec;
--cream-300: #efece2;
--cream-500: #e9e6dd;
--white: white;
--white-06: #ffffff99;
--black: black;
--transparent: transparent;
--link-color: var(--darkGold-100, #c99b27);
--quote-border-color: var(--gold-100-03, #ebb11e4d);
--h1-color: var(--darkGold-100, #c99b27);
--pink-100: #DB1DEB;
    /* Fonts */
    --font-poppins: 'Poppins',sans-serif;
--font-opensans: 'Open Sans',sans-serif;
--font-azeretmono: 'Azeret Mono',monospace;

    /* Font size */
    --font-size-xxs: 0.625rem;
--font-size-xs: 0.75rem;
--font-size-s: 0.875rem;
--font-size-regular: 1rem;
--font-size-l: 1.125rem;
--font-size-xl: 1.25rem;
--font-size-2xl: 1.5rem;
--font-size-3xl: 1.875rem;
--font-size-4xl: 2.25rem;
--font-size-5xl: 3rem;
--heading-size-h4: 1.5rem;
--quill-h1-size: 1.35rem;
--quill-h2-size: 1.15rem;
    /* Font weight */
    --font-weight-thin: 100;
--font-weight-lighter: 200;
--font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-normal: 500;
--font-weight-bold: 700;
--font-weight-semi-bold: 600;
--font-weight-bolder: 800;
--font-weight-black: 900;
    /* Shadows */
    --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}

      
  .eCijfQ {
    height:100vh;
  align-items:center;
  font-family:'Poppins';
  padding-top:2.5%;
  padding-left:2.5%;
  padding-right:2.5%;
  padding-bottom:2.5%;
  justify-content:center;
  background-color:var(--white, white);
  }
      

      
        
      
      
  .eaeCxq {
    width:100%;
  height:100%;
  align-items:center;
  border-color:var(--gold-100-01, #ebb11e26);
  border-style:solid;
  border-width:1px;
  border-radius:1rem;
  justify-content:center;
  background-color:var(--gold-100-01-a, #ebb11e0d);
  }
      

      
        
      
      
  .eKqJoF {
    width:1rem;
  height:1rem;
  }
      

      
        
      
      
  .bYlCoa {
    width:100%;
  height:100%;
  z-index:0;
  position:absolute;
  object-fit:cover;
  }
      

      
        
      
      
  .ErjYO {
    gap:.75rem;
  color:var(--slate-100, #3f536a);
  display:flex;
  font-size:var(--font-size-regular);
  align-items:center;
  font-family:'Azeret Mono';
  font-weight:var(--font-weight-regular);
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .nKNUD {
    color:inherit;
  display:inline-block;
  font-size:var(--font-size-xs);
  }
      

      
        
      
      
  .QjnwF {
    gap:.5rem;
  color:var(--slate-100-6, #3f536a99);
  width:100%;
  margin-top:.25rem;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  }
      

      
        
      
      
  .cRqJNr {
    color:var(--slate-100, #3f536a);
  width:fit-content;
  z-index:5;
  box-shadow:1px 4px 80px 0px var(--slate-100-18, #3f536a2e);
  align-items:center;
  padding-top:1rem;
  padding-left:1.5rem;
  border-radius:.35rem;
  padding-right:1.5rem;
  padding-bottom:1rem;
  justify-content:start;
  background-color:var(--white, white);
  }
      

      
        
      
      
  .bqrvOn {
    gap:.5rem;
  color:var(--slate-100, #3f536a);
  width:100%;
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      