html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px}body{background-color:#6495ed;flex-direction:column;padding:0 .5rem;display:flex}html,body{height:100%;margin:0}nav ul{background-color:#d9a85f;border-radius:10px 10px 0 0;gap:1.5rem;padding:.5rem 1rem;list-style-type:none;display:flex;box-shadow:0 3px 8px #00000026}nav ul a{color:#2b2b2b;border-radius:6px;padding:.3rem .7rem;font-size:1.4rem;text-decoration:none;transition:transform 90ms,background-color .15s;display:inline-block}nav ul a:hover{color:#fff;background-color:#a7814a}nav ul a.active{color:#000;background-color:#e8c9a6;font-weight:700}nav ul a:active{transform:translateY(2px)scale(.98);box-shadow:1px 1px #0003}main{box-sizing:border-box;background-color:#e8c9a6;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;line-height:1.7}form{flex-direction:column;gap:1rem;max-width:500px;margin:0 auto 1rem;display:flex}input,textarea{padding:.5rem;font-size:1.1rem}textarea{resize:vertical;min-height:100px;font-family:inherit}label{font-size:16px;font-weight:700}pre,code{font-size:14px}#center{max-width:800px;margin:0 auto}#work-list{flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:0;list-style:none;display:flex}.block{background-color:#f3e1cf;border:1px solid #0000001a;border-radius:10px;padding:2rem;transition:transform .15s;box-shadow:0 2px 8px #00000026}.block:hover{transform:translateY(-3px)}.block .delBtn{cursor:pointer;border:none;border-radius:20px;width:100%;max-width:100px;padding:.3rem;font-size:16px;font-weight:700;transition:all .15s;box-shadow:1px 3px 3px #0006}.block .delBtn:hover{background-color:#d1d1d1}.block .delBtn:active{transform:translateY(3px);box-shadow:1px 1px 1px #0006}#addBtn{cursor:pointer;border:none;border-radius:20px;width:100%;max-width:100px;padding:.3rem;font-size:16px;font-weight:700;transition:all .15s;box-shadow:1px 3px 3px #0006}#addBtn:hover{background-color:#d1d1d1}#addBtn:active{transform:translateY(3px);box-shadow:1px 1px 1px #0006}#error,#add-err{color:#dc143c;background:#ffe5e5;border:1px solid #ffb3b3;border-radius:8px;padding:1rem;font-weight:700}.error-box{display:none}.error-box.show{display:block}footer{color:#2b2b2b;background-color:#d9a85f;flex-direction:row;justify-content:center;gap:2rem;width:100%;max-width:1200px;margin:0 auto;font-style:italic;font-weight:700;display:flex}@media (width<=599px){html{font-size:14px}pre,code{font-size:12px}}