body{background:#232323;color:#fff;font-family:Gill Sans,sans-serif}.add-div{display:flex;align-items:center;justify-content:center}.update-form,.add-form{display:flex;justify-content:center;text-align:center;flex-direction:column}.add-form{width:450px;background:#3a4050;padding:20px;border-radius:5px}input,textarea{margin-bottom:10px;background:none;padding:10px;border:1px solid #aeb7df;border-radius:5px;cursor:auto;font-family:Gill Sans,sans-serif;color:#fff}input::placeholder,textarea::placeholder{color:#b1b1b1;font-family:Gill Sans,sans-serif}.cancel{margin-right:10px;border:1px solid #ea3333;background:#e74c3cb3}.cancel:hover{cursor:pointer;background:#e74c3c}.add{border:1px solid #3382ea;background:#5783f1b5}.add:hover{cursor:pointer;background:#5783f1}.buttons-action{display:flex;align-content:center;justify-content:center}.buttons-action button{border-radius:5px;padding:7px 2px;width:100px;color:#fff}h1{color:#4497ea;text-align:center;font-weight:700;text-transform:capitalize;font-family:Arial Black}.display-news{margin:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:23px}.news-div{margin:5px;padding:20px;background:#3a4050;border-radius:5px}.new-title{margin:0}.new-summary{margin:0;font-style:italic;font-weight:400;font-size:.8rem;color:#a8a8a8}.success,.error{position:absolute;left:33px;border-radius:5px;padding:10px;max-width:400px}.success{background:#008000a8;border:1px solid green}.error{background:#fa0000a8;border:1px solid #ff0000}.confirm-div{border-radius:5px;text-align:center}.confirm-title{color:red;font-weight:700}.confirm-text{color:#bcbcbc;font-style:italic;font-size:.8rem}.loading{text-align:center}