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.innerHTML = 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.innerHTML = styleTemplate;
    }
createStyles ( ) { const styleTemplate = ` ` ; this . shadow . innerHTML = 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