.alert,.alert .close-btn:hover{color:#fff}.alert{position:relative;padding:20px;margin:20px auto;border:2px solid #d4af37;font-size:18px;border-radius:10px;background-color:rgba(43,27,23,.9);box-shadow:0 0 10px rgba(0,0,0,.5);max-width:800px;display:flex;align-items:center;font-family:MedievalSharp,serif}.alert .icon{margin-right:15px;font-size:2em;color:inherit}.alert .close-btn{margin-left:auto;background:0 0;border:none;color:#d4af37;font-size:1.5em;cursor:pointer}.alert-success{border-color:#28a745}.alert-success,.alert-success .close-btn,.alert-success .icon{color:#28a745}.alert-error{border-color:#dc3545}.alert-error,.alert-error .close-btn,.alert-error .icon{color:#dc3545}.alert-warning{border-color:#ffc107}.alert-warning,.alert-warning .close-btn,.alert-warning .icon{color:#ffc107}.alert-info{border-color:#17a2b8}.alert-info,.alert-info .close-btn,.alert-info .icon{color:#17a2b8}@media (max-width:768px){.alert{flex-direction:column;align-items:flex-start}.alert .icon{margin-bottom:10px}.alert .close-btn{margin-left:0;position:absolute;top:10px;right:15px}}