<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="393" height="852" viewBox="0 0 393 852"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" mask="url(#mask-for-body11)" aria-owns="overlay style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="393" height="852" x="0" y="0" fill="rgba(0, 0, 0, 0)"/><image id="background-image1" width="393" height="852" preserveAspectRatio="xMidYMid slice" xlink:href="/a9cadade.png" x="0" y="0"/></g><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"><g data-tag="div" id="overlay" data-z-index="1000" data-stacking-context="true" aria-owns="div1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="393" height="1022.390625" x="0" y="0" fill="rgba(0, 0, 0, 0.5)"/></g><g data-tag="div" id="div1" data-z-index="auto" data-stacking-context="true" aria-owns="closeButton"><g data-tag="button" id="closeButton" data-z-index="auto" data-stacking-context="true" role="button" aria-labelledby=""><g data-stacking-layer="rootBackgroundAndBorders"><rect width="30" height="30" x="176.5" y="501.1875" fill="rgb(255, 0, 0)" rx="15" ry="15"/></g><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="Arial" font-size="20px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="185.65625" y="526.6875" textLength="11.6875" lengthAdjust="spacingAndGlyphs">×</tspan></text></g></g></g></g><mask id="mask-for-body11"><rect width="393" height="852" x="0" y="0" fill="#ffffff"/></mask><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="834" height="1210" viewBox="0 0 834 1210"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" mask="url(#mask-for-body11)" aria-owns="overlay style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="834" height="1210" x="0" y="0" fill="rgba(0, 0, 0, 0)"/><image id="background-image1" width="834" height="1210" preserveAspectRatio="xMidYMid slice" xlink:href="/a9cadade.png" x="0" y="0"/></g><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"><g data-tag="div" id="overlay" data-z-index="1000" data-stacking-context="true" aria-owns="div1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="834" height="1452" x="0" y="0" fill="rgba(0, 0, 0, 0.5)"/></g><g data-tag="div" id="div1" data-z-index="auto" data-stacking-context="true" aria-owns="closeButton"><g data-tag="button" id="closeButton" data-z-index="auto" data-stacking-context="true" role="button" aria-labelledby=""><g data-stacking-layer="rootBackgroundAndBorders"><rect width="30" height="30" x="397" y="716" fill="rgb(255, 0, 0)" rx="15" ry="15"/></g><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="Arial" font-size="20px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="406.15625" y="741.5" textLength="11.6875" lengthAdjust="spacingAndGlyphs">×</tspan></text></g></g></g></g><mask id="mask-for-body11"><rect width="834" height="1210" x="0" y="0" fill="#ffffff"/></mask><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1440" height="900" viewBox="0 0 1440 900"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" mask="url(#mask-for-body11)" aria-owns="overlay style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1440" height="900" x="0" y="0" fill="rgba(0, 0, 0, 0)"/><image id="background-image1" width="1440" height="900" preserveAspectRatio="xMidYMid slice" xlink:href="/a9cadade.png" x="0" y="0"/></g><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"><g data-tag="div" id="overlay" data-z-index="1000" data-stacking-context="true" aria-owns="div1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1440" height="1080" x="0" y="0" fill="rgba(0, 0, 0, 0.5)"/></g><g data-tag="div" id="div1" data-z-index="auto" data-stacking-context="true" aria-owns="closeButton"><g data-tag="button" id="closeButton" data-z-index="auto" data-stacking-context="true" role="button" aria-labelledby=""><g data-stacking-layer="rootBackgroundAndBorders"><rect width="30" height="30" x="700" y="530" fill="rgb(255, 0, 0)" rx="15" ry="15"/></g><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="Arial" font-size="20px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="709.15625" y="555.5" textLength="11.6875" lengthAdjust="spacingAndGlyphs">×</tspan></text></g></g></g></g><mask id="mask-for-body11"><rect width="1440" height="900" x="0" y="0" fill="#ffffff"/></mask><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<body><div style="position: fixed; top: 0; left: 0; width: 100%; height: 120%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 1000;" id="overlay"><div style="position: relative;"><button id="closeButton" style="position: absolute; top: -10px; right: -10px; background-color: red; color: white; border: none; border-radius: 50%; width: 30px; height: 30px; font-size: 20px; cursor: pointer;">×</button></div></div></body>

<style>

@import url('https://fonts.googleapis.com/css?family=Exo:400,700');

 body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    align-items: center;
    font-family: 'Exo', sans-serif;
    box-sizing: border-box;

    background-image: url('http://localhost:3000/a9cadade.png'); 
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

* {
    box-sizing: border-box;
}


@media (orientation: landscape) {
     body {
    }
}


</style>