@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";body{font-optical-sizing:auto;color:#b2c2c5;background-color:#111a1f;padding-bottom:2rem;font-family:DM Sans,sans-serif;font-size:1rem}.page-container{max-width:900px;min-height:100vh;margin:0 auto;padding:0 1.5rem}.input-box,.output-box{box-sizing:border-box;width:100%;margin:0 auto}.input::placeholder,p.placeholder{color:#b2c2c599}.input,.output{background-color:#1a252a;border:none;height:200px;box-shadow:0 1px 2px #0000000f,0 2px 8px #0000000f}.input{resize:none;width:100%;font:inherit;color:inherit;box-sizing:border-box;border-radius:5px;margin:0;padding:20px}textarea:focus{outline:solid}.output{box-sizing:border-box;border-radius:5px;margin:0;padding:20px}.translateB{border-radius:0 5px 5px 0;padding:.5rem 3rem}h1{text-align:center;width:100%;margin:0;padding:3rem 0;font-size:2rem;font-weight:500}h2{margin:2rem 0 0;font-size:1.5rem;font-weight:500}.switchB{border-radius:5px 0 0 5px;justify-content:center;align-items:center;padding:.5rem;display:flex}.switchB.active{background-color:#29383d}.switchB>span{font-size:1.25rem}button{color:inherit;cursor:pointer;font:inherit;background-color:#111a1f;border:0;display:block;box-shadow:0 1px 2px #0000000f,0 2px 8px #0000000f}button:hover{background-color:#161f25}button.active:hover{background-color:#35464e}.button-container{justify-content:center;gap:.25rem;margin:-.9rem 0;display:flex}.muted{color:#728d93}.header h2{margin-right:.5rem;display:inline-block}