*,:before,:after{box-sizing:border-box;margin:0;padding:0}:focus{outline:none}html{font-size:62.5%}body{color:#fff;background-color:#232323;flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:100dvh;padding:2rem;font-size:1.6rem;display:flex}h1{text-align:center;font-size:4rem}h2{font-size:2.4rem}input{font-size:inherit;color:inherit;text-align:center;background-color:#999;border:1px solid #ccc;border-radius:.8rem;padding:.8rem 1.2rem}input::placeholder{color:#ccc}button{font-size:inherit;color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:.8rem;padding:.8rem 1.6rem;transition:background-color .2s}button:hover{background-color:#45a049}button:disabled{background-color:#537755}main{background-color:#363636;border:1px solid #ccc;border-radius:1rem;flex-direction:column;justify-content:center;gap:1rem;min-width:30rem;min-height:20rem;padding:2rem;font-size:1.8rem;display:flex;box-shadow:0 1rem .5rem #000}#ips{text-align:center;border:1px solid #555;border-radius:.8rem;max-width:40rem;margin:0 auto;padding:0 .6rem;font-size:1.8rem;line-height:1.5}