:root{--main-color:#232c5f}body{background:var(--main-color);color:#fff;font-family:Poppins,sans-serif;font-size:15px;margin:0;padding:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffffff00}::-webkit-scrollbar-thumb{background:#ced0db27}::-webkit-scrollbar-thumb:hover{background:#6c74a7}header{padding:20px}.textarea-container{background-color:#242424;display:flex;font-size:15px;height:calc(100vh - 109px);line-height:22px;overflow:auto}textarea{background-color:inherit;border:none;color:#fff;display:block;font-family:Poppins,sans-serif;font-size:inherit;line-height:inherit;outline:none;overflow:hidden;padding:15px;resize:none;width:100%}.line-numbers,textarea{box-sizing:border-box;height:auto}.line-numbers{background-color:var(--main-color);border-right:1px solid #ffffff24;color:#ffffff4b;font-size:.91em;overflow-y:hidden;overflow:hidden;padding-right:6px;padding-top:15px;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:30px}.line-numbers span{display:block}.line-numbers.medium{width:35px}.line-numbers.large{width:40px}.line-numbers.x-large{width:45px}button{background-color:green;border:none;border-radius:2px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;margin-bottom:5px;margin-right:5px;outline:none;padding:10px 13px;transition:.4s}button.save:hover,button:hover{background-color:#006400}button.delete{background-color:#c80000}button.delete:hover{background-color:#640000}h1,p{margin:0;padding:0}label{margin-bottom:20px}.actions{float:right;margin-top:10px}p.subtitle{color:#e3e3e3c2}.date{color:#fff;font-weight:700}