html,body{height:100%;background-color:#f5f5f5}.header{width:100%;padding:1rem;background-color:#fff}.header>.title{text-align:center;font-size:2rem;font-weight:700}.main>.section{padding:10vw;display:flex;flex-direction:column;align-items:center}.main>.section>*{display:block}.main>.section>.textarea{margin:.5rem;padding:.5rem;width:80vw;max-width:640px;border:1px solid #000;border-radius:.5rem;background-color:#fff;resize:none}.main>.section>label{margin:.5rem}.main>.section>label>.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:200px;height:12px;border-radius:9999px;background:#ddd;cursor:pointer}.main>.section>label>.range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:9999px;background:#33e;box-shadow:none}.main>.section>label>.range::-moz-range-thumb{border:none;width:20px;height:20px;border-radius:9999px;background:#33e;box-shadow:none}.main>.section>.button{margin:.3rem;padding:.7rem;width:10rem;border-radius:2rem;text-align:center}.main>.section>.button.submit{background-color:#33e;color:#fff}.main>.section>.button.copy{border:1px solid #000;background-color:#fff;color:#000}.footer{padding:1rem;width:100%;background-color:#eee;top:100vh;position:sticky;text-align:center}.footer>.copyright{margin:1rem}.footer>.copyright>small{font-size:inherit}