.alert-box{position:fixed;top:40%;left:50%;transform:translateX(-50%);background-color:#4caf50;color:#fff;padding:15px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.2);z-index:1000;opacity:0;transition:opacity .3s ease-in-out}.alert-box.active{opacity:1}.alert-box .icon{margin-right:10px}.alert-box.success{background:#28a745}.alert-box.error{background:#dc3545}.alert-box.warning{background:#ffc107;color:#333}.alert-box.info{background:#1991eb}.alert-box .icon{font-size:18px;width:20px;text-align:center}.alert-box .message{font-size:18px;line-height:1.5}