*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font:16px Source Code Pro,monospace;color:#000;background:url(https://doplex.com/bg-doplex.jpeg) center / cover no-repeat}.landing{min-height:100vh;padding:clamp(2rem,7vh,5rem) 1rem 2rem;text-align:center}.landing:not(.poem-page){background-color:#faf6ebd9}.content{max-width:720px;margin:0 auto;padding:0 30px 30px}.logo{display:block;width:80%;max-width:100px;height:auto;margin:0 auto clamp(2rem,6vh,4rem)}h1{margin:1rem 0 2em;font-size:2em;line-height:1.15}.customer-link{margin:0 0 1.5rem}.subscribe label{margin-top:5em;display:block;margin-bottom:2em}.subscribe input,.subscribe button{display:block;width:100%;max-width:300px;height:32px;margin:.5em auto;padding:0 5px;border:1px solid #555;border-radius:0;background:#fff;color:#000;font:inherit}.subscribe input::placeholder{color:#444;opacity:1}.subscribe button{margin-top:5px;border-color:#108ee9;background:#108ee9;color:#fff;cursor:pointer}.subscribe button:hover,.subscribe button:focus-visible{background:#0879ce}.subscribe .honeypot{position:absolute;width:0;height:0;padding:0;border:0;opacity:0;pointer-events:none}footer{padding-top:4em}footer p{margin:0}.poem-page{background:#faf6eb}.poem{padding-top:5em;margin:auto;text-align:left}.poem h1{margin-bottom:.5em}.poem .verse{font-size:20px;margin:0 0 1.5em}.poem .verse:last-child{margin-bottom:0}.verse-line{display:block;padding-left:1ch;text-indent:-1ch}.vpn-banner{padding:1.5rem .5rem;background:#f1ead9;margin:5em 0}.vpn-banner a{color:#1b6290;font-weight:700;text-underline-offset:3px}