createStyles() {
      const styleTemplate = `
      <style>
      .winner {
        position: absolute;
        color: white;
        font-size: 30px;
        top: 10px;
        left: 160px;
        height: 30px;
        font-weight: 800;
        text-transform: uppercase;
      }
      </style>`;
      this.shadow.appendChild(styleTemplate);
    }
/**
   * Create the styles for our candidates
   * We do this as a normal string rather than using @import
   * since it is not supported in all browsers
   * 
   * (same for new CSSStyleSheet, which is only supported in Chrome)
   */
Create the styles for our candidates
We do this as a normal string rather than using @import
since it is not supported in all browsers

(same for new CSSStyleSheet, which is only supported in Chrome)
Create the styles for our candidates We do this as a normal string rather than using @import since it is not supported in all browsers ( same for new CSSStyleSheet which is only supported in Chrome )
createStyles() {
      const styleTemplate = `
      <style>
      .winner {
        position: absolute;
        color: white;
        font-size: 30px;
        top: 10px;
        left: 160px;
        height: 30px;
        font-weight: 800;
        text-transform: uppercase;
      }
      </style>`;
      this.shadow.appendChild(styleTemplate);
    }
createStyles ( ) { const styleTemplate = ` ` ; this . shadow . appendChild ( styleTemplate ) ; }
Create the styles for our candidates
 We do this as a normal string rather than using @import
 since it is not supported in all browsers
Create the styles for our candidates We do this as a normal string rather than using @import since it is not supported in all browsers