html{width:100vw;height:100vh;font-size:10px}body{color:#202020;background-color:#fefefe;border:0;width:100%;height:100%;margin:0;padding:0;font-family:sans-serif;font-size:1.6rem;line-height:1.5;overflow:hidden}form{aspect-ratio:10/15;flex-flow:column;gap:2rem;width:50vw;min-width:42rem;max-width:50rem;margin:auto;display:flex;position:absolute;inset:0}label{flex-flow:column;font-size:2rem;display:flex}input{appearance:none;background-color:#f4f4f4;border:1px solid #aeaeae;border-radius:.5rem;padding:.5rem;font-size:2rem}button{appearance:none;background-color:#ebebeb;border:1px solid #aeaeae;border-radius:.5rem;width:50%;margin:2rem auto 0;padding:.5rem;font-size:2rem;&:hover{background-color:#e0e0e0}&:active{background-color:#d4d4d4}}small{width:50%;margin:0 auto}iframe{border:1px solid #aeaeae;width:420px;height:575px;position:fixed;inset:auto 1.5rem 1.5rem auto}