function renderLogo() {

    
    const modal = document.createElement('div')
    modal.style.cssText = 'z-index: 2; background: rgba(0,0,0,.4); position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; justify-content: center; align-items: center; padding: 20px;'
    const toggleModal = () => {
        modal.style.display = modal.style.display !== 'none' ? 'none' : 'flex'
    }
    
    const iframe = document.createElement('iframe')
    iframe.src = 'https://d-maerket.vercel.app//certificate/nord-energi-amba'
    iframe.style.cssText = 'border: none; border-radius: 4px; height:100%; width:100%; border-radius: 4px;'



    const iframeContainer = document.createElement('div')
    iframeContainer.style.cssText = 'max-height: 90%; max-width: 90%; height: 1000px; width: 1000px; max-width: 90%; max-height-90%; box-shadow: -2px 4px 4px 2px rgba(0,0,0,.4); position: relative; border-radius: 4px; background-color: rgb(243 245 244);'

    const closeButton = document.createElement('button')
    closeButton.style.cssText = 'width: 40px; height: 40px; padding: 4px; background-color: #D13033; color: white; font-weight: 700; cursor: pointer; border: none; position: absolute; top: 0; right: 0; border-top-right-radius: 4px'
    closeButton.innerText = '✕'
    closeButton.addEventListener('click', toggleModal)

    const button = document.createElement('button')
    button.innerHTML = '<svg width="100%" height="100%" viewBox="0 0 30 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.2391 14.5728V16.0008V17.4289C23.2391 22.179 19.3752 26.0429 14.6251 26.0429H10.1569V16.0008C10.1569 15.5147 9.76356 15.1197 9.27572 15.1197C8.78788 15.1197 8.39457 15.513 8.39457 16.0008V27.8035H14.6234C20.3441 27.8035 24.9997 23.1496 24.9997 17.4272V15.9991V14.5711C25.0014 6.53774 18.4637 0 10.427 0H0V16.0008C0 16.487 0.393311 16.882 0.881151 16.882C1.36899 16.882 1.7623 16.4887 1.7623 16.0008V1.76062H10.4286C17.4914 1.76062 23.2391 7.50836 23.2391 14.5728Z" fill="#D13033"/><path d="M28.3184 15.1215C27.8323 15.1215 27.4373 15.5148 27.4373 16.0026V17.4307C27.4373 24.4951 21.6895 30.2428 14.6251 30.2428H5.95877V16.0009V5.95884H10.427C15.1771 5.95884 19.041 9.82274 19.041 14.5729V16.0009C19.041 16.4871 19.4343 16.8821 19.9221 16.8821C20.41 16.8821 20.8033 16.4888 20.8033 16.0009V14.5729C20.8033 8.85212 16.1494 4.19653 10.427 4.19653H4.19815V15.9992V32.0001H14.6251C22.6618 32.0001 29.1979 25.4623 29.1979 17.4273V15.9992C29.1996 15.5148 28.8046 15.1215 28.3184 15.1215Z" fill="#D13033"/></svg>'
    button.style.cssText = 'position: absolute; top: 10%; right: 0; z-index: 1; cursor: pointer; width: 60px; height: 60px; background-color: white; border: none; border-radius: 4px; padding: 8px; box-shadow: -2px 4px 4px 2px rgba(0,0,0,.4); transition: box-shadow 300ms ease-in-out'
    button.addEventListener('click', toggleModal)
        
    iframeContainer.appendChild(iframe)
    iframeContainer.appendChild(closeButton)
    modal.appendChild(iframeContainer)
    document.body.prepend(modal)
    document.body.prepend(button)


}
renderLogo()