:root{--accent: 124, 58, 237;--accent-gradient: linear-gradient(45deg, rgb(var(--accent)), #da62c4 30%, white 60%)}html{font-family:Poppins}.btn{background:#171e2a;display:inline-block;text-decoration:none;align-items:center;color:#fff;height:60px;line-height:60px;padding:0 40px;border-radius:15px;font-family:Poppins;font-weight:500;text-transform:uppercase;letter-spacing:1px;font-size:14px;border:0;cursor:pointer;user-select:none}.btn:hover{background:#18151a}body{margin:0}.form{width:600px;margin:0 auto 50px;height:100vh;display:flex;align-items:center}.form h3{font-size:28px}.form textarea{border-radius:15px;width:600px;height:400px;padding:20px;border:2px solid #171e2a;font-family:Poppins;font-size:15px;outline:0;margin-bottom:30px}.form .content{display:flex;flex-direction:column;align-items:center}.form button{margin-top:30px}.form .tags{display:flex;margin:0;padding:0;list-style-type:none;gap:10px}.form .tags .tag{display:inline-block;padding:2px 10px;font-size:13px;background:#E8E8E8;border-radius:30px;user-select:none;cursor:pointer}.form .tags .tag.sel{background:#171e2a;color:#fff}.form .tldr{background:#F6F6F6;border-radius:20px;padding:20px;width:100%;margin-top:30px}.form .tldr h3{font-size:16px;margin:0 0 10px}.form .tldr p{margin:0;font-size:13px;font-weight:300}.row{display:flex;align-items:center;justify-content:space-between;width:100%}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:150px}.save{position:fixed;width:500px;margin-left:-250px;left:50%;bottom:25px;background:#18151a;color:#fff;padding:25px;border-radius:10px;animation:.5s slide-up}.save .p{margin:0;font-size:13px;font-weight:300}.save .h6{margin:0 0 20px;font-size:16px}.save .h6 .a{text-decoration:none;color:#fff}@keyframes slide-up{0%{bottom:-300px;opacity:0}to{bottom:25px;opacity:1}}*{box-sizing:border-box}