@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap);*{margin:0;padding:0;box-sizing:border-box}#app{height:100vh;font-family:Poppins,sans-serif;text-align:center;color:#2c3e50;align-items:center;position:relative}#app,.info{display:flex}.info{flex-direction:column;gap:1rem;margin:1rem 0;color:#000}.line{width:100%;height:8px;max-width:300px;background:#01040f;margin-bottom:3rem}.grid{margin-top:auto}.row{display:flex;gap:1rem;margin:5px 0}.dot{width:10px;height:18px;transition:all .1s ease-in-out}.home{padding:0 1rem}.home,.left{display:flex;width:100%}.left{flex-direction:column;padding:1rem}.left h1{all:unset;font-size:35px;text-align:left;font-weight:700;margin:20px 0;color:#000}.left p{text-align:left;font-weight:400;font-size:20px;max-width:400px;color:#01040f}.right{flex-direction:column;align-items:flex-end;justify-content:center}.controls,.right{display:flex;gap:1rem;width:100%;color:#fff;padding:1rem}.controls{justify-content:flex-end;align-items:center}.controls button{padding:5px 10px;border:none;border-radius:5px;background:#01040f;color:#fff;font-weight:700;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.controls button svg{width:20px;height:20px}.controls .clear-btn{all:unset;cursor:pointer;color:#01040f;font-weight:500;font-size:20px;text-decoration:underline}textarea{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;border-radius:12px;min-height:350px;height:100%;background:#01040f;width:100%;outline:none;border:none;resize:none;font-family:Poppins,sans-serif;letter-spacing:.5px;font-weight:500;font-size:17px;line-height:24px;padding:10px;color:#fff}textarea ::selection{background:#caa4f8;color:#01040f}textarea ::-moz-selection{background:#caa4f8;color:#01040f}.msg{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;align-items:center;background:#caa4f8;color:#01040f;font-weight:700;font-size:20px;border-radius:12px;width:100%;height:50px;transition:all .5s ease-in-out;animation:msg .5s ease-in-out}@keyframes msg{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media only screen and (max-width:1200px){.home{flex-direction:column}.left h1{font-size:29px}.right{align-items:center}.right button{width:100%;max-width:200px;padding:1rem;border:none;border-radius:12px;background:#01040f;color:#fff;font-weight:700;font-size:17px;cursor:pointer}.grid{display:none}.row{justify-content:center}.controls button{width:100%;max-width:100px;padding:10px 20px;border:none;border-radius:8px;background:#01040f;color:#fff;font-weight:700;font-size:17px;cursor:pointer}.controls button svg{min-width:15px;min-height:15px}}