*{box-sizing:border-box;font-family:sans-serif}body{background-color:#e0e0e0;padding:40px;margin:0}fieldset{background-color:#f4f4f4;border-radius:0 5px 5px/0px 5px 5px;margin-top:10px;outline:none;border:none;padding:8px}body{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}legend{background-color:#f4f4f4;font-weight:700;text-align:left;outline:none;border:none;padding:6px 15px 6px 8px;transform:translate(-8px);border-radius:5px 5px 0 0/5px 5px 0px 0px}h1{margin:0 0 5px;font-size:2.5rem;font-weight:300}p{margin:0;color:gray}.container{max-width:600px;margin:auto}label,input,textarea,.save-container{display:block;font-size:.8rem}input,textarea,#list-el{width:100%;padding:3px 6px}button{padding:3px 6px}input,textarea,button,#list-el{margin-block:6px 10px;border:none;outline:none;outline:gray solid 1px;border-radius:5px}button{margin-right:5px;background-color:#fff;border-radius:5px;border:none;width:160px;margin-top:10px}button:hover{cursor:pointer;background-color:#d0d0d0}button:active{background-color:#afafaf}.hidden,#button{visibility:hidden!important;display:none!important}button.hidden{background-color:red}.flex{display:flex;justify-content:space-between}.flex>div{width:160px}header>.container{margin-bottom:0}#list-el{background-color:#f4f4f4;list-style:none;padding:10px;outline:none;margin-top:20px;display:flex;flex-direction:column;gap:10px}li{background-color:#fff;border-radius:5px;outline:gray solid 1px;display:flex;padding:10px;justify-content:space-between;align-items:center;gap:10px;height:50px}.icon-btn{display:flex;justify-content:center;align-items:center;width:30px;height:30px}.content{display:flex;height:30px;gap:10px;flex:1}form{display:flex;gap:10px;justify-content:space-between;height:30px;align-items:center;width:100%}.content input{margin:0;height:30px!important;background-color:#f8f8f8;justify-content:start}.quote-container{margin-top:10px;color:gray}.quote-container a{color:gray;font-weight:700}.cta{display:block;margin-top:10px}h2{font-weight:300}#bullet-input.container{margin-top:20px;display:flex;gap:10px}#bullet-input.container>input{margin:0}#bullet-input.container>button{margin:0}#bulletpoint{padding:10px}ul{padding:0}ul.bullets>li{background:none;border:none;display:inline-flex;padding:0;margin:10px;height:auto}#copy-btn{width:auto}ul.bullets button{width:100%;padding:10px;height:auto;margin:0;background-color:#f5f5f5}article p{color:#000}article h3{font-weight:400}
