*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;background-color:#f4f4f4;color:#222;line-height:1.6;min-width:350px;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.header{height:4rem;display:flex;justify-content:space-between;align-items:center;background-color:#3178c6;padding:1rem;text-align:center;position:sticky;top:0;z-index:10;box-shadow:0 2px 5px #0003}a{text-decoration:none}.header-brand{color:#f5f6fa;font-weight:700;font-size:1.6rem;padding:0 1rem}.header-brand:hover{cursor:pointer;color:#3178c6;border:.1rem solid #f5f6fa;border-radius:.2rem;background-color:#f5f6fa;transition:all .1s}#btn-je{height:2rem;width:2rem;display:flex;justify-content:center;align-items:center;border-radius:.2rem;cursor:pointer;transition:all .2s}#btn-je img{height:1.8rem;width:1.8rem;cursor:pointer;transition:all .2s}#btn-je:hover{background-color:#c8d6e5;transition:all .2s}.container{width:min(900px,90%);margin:2rem auto;min-height:100vh}.card{margin-top:5rem;background-color:#fff;border-radius:10px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 3px 12px #0000001a}.card h2{margin-bottom:1rem}input,textarea{width:100%;padding:.8rem;margin:.5rem 0 1rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}textarea{min-height:120px;resize:none}.actions-form{display:flex;gap:10px;margin-top:10px;justify-content:flex-end}.actions-posts{display:flex;gap:20px;margin-top:10px;justify-content:flex-end}.btn{padding:.4rem 1rem;color:#f5f6fa;font-weight:700;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:.2s ease}.btn:hover{opacity:89%}.btn-add{background-color:#39c364}.btn-save{border:.2rem solid #39c364;color:#39c364;background-color:#f5f6fa}.btn-edit{background-color:#1e90ff}.btn-delete{background-color:#ff4757}.posts .post{background-color:#fff;margin-bottom:1rem;padding:1rem;border-radius:8px;box-shadow:0 2px 10px #00000014}.post h2{margin-bottom:.5rem;color:#2c2c54}footer{background-color:#7f8c8d}footer .container-footer{min-width:21rem;max-width:75rem;margin-left:auto;margin-right:auto;height:8rem;color:#f5f6fa;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center}footer img{height:18px;width:18px;margin-right:5px;margin-top:-1px}.copyright{font-size:14px;margin-right:-3px}#currentYear{padding-right:2px}.j,.e{font-family:Roboto Condensed,sans-serif;font-weight:700;color:#000}.calc{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;display:flex;justify-content:center}.modal{display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin-top:16rem;margin-bottom:18rem;background-color:#fff;height:22rem;width:25rem;border-radius:3px;padding:2rem;box-shadow:0 .1rem .2rem #3c40434d,0 .1rem .3rem .1rem #3c404326}.modal p{margin:1rem 0 3rem}.actions-modal{display:flex;margin-left:10rem;gap:1rem}.btn-confirm{background-color:#06ad3e}.btn-cancel{background-color:#ea2027}.span-confirm{color:#06ad3e;font-weight:700}.span-cancel{color:#ea2027;font-weight:700}.remove-scrolling{height:100%;overflow:hidden}@media(max-width:600px){.container{width:95%}.card{padding:1rem}.post{padding:.8rem}}