class GeckoQuote extends HTMLElement {
  connectedCallback() {  
    const shadow = this.attachShadow({mode: 'open'});  
    shadow.innerHTML = "<style>p{color: #44B261; font-size: 1.5rem;}</style>"
    shadow.innerHTML += '<p>"The greatest glory in living lies not in never falling, but in rising every time we fall."</p>';
    shadow.innerHTML += '<cite>-Nelson Mandela</cite>';
    
  }
} 
customElements.define('gecko-quote', GeckoQuote);