*{box-sizing:border-box;font-family:sans-serif}body{min-width:400px;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{width:800px;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:3px}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}