.alert-container {
    background: url(../_img/ui/warning.png) no-repeat;
    background-size: 50% 100%;
    background-position: right;
    display: flex;
    flex-direction: column!important;
    align-items: flex-start!important;
    justify-content: flex-start!important;
}
.alert-container-busy {
    background: url(../_img/ui/adventure.png) no-repeat;
    background-size: 50% 100%;
    background-position: right;
    display: flex;
    flex-direction: column!important;
    align-items: flex-start!important;
    justify-content: flex-start!important;
}
.alert-container-reward {
    background: url(../_img/ui/reward_copy.png) no-repeat;
    background-size: 50% 100%;
    background-position: right;
    display: flex;
    flex-direction: column!important;
    align-items: flex-start!important;
    justify-content: flex-start!important;
}
.alert {
    display: flex;
    width: 50%;
    padding: 1rem;
    color: #fff;
    font-family: Arial, sans-serif;
}

.alert.error {
    background-color: #e74c3c;
    border: 1px dotted #FFFF99;
}

.alert.success {
    background-color: #2ecc71;
}

.alert.warning {
    background-color: #f39c12;
}

.alert-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-size: .8rem;
    font-family: Playpen Sans Deva;
}
.alert-content h3 {
    font-size: 1.2rem;
    font-family: 'ninja_naruto';
}

.busy-container {
    display: flex;
    flex-wrap: wrap;
}

.busy-message {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    padding: 1rem;
    color: #fff;
    background-color: #e74c3c;
    border: 1px dotted #FFFF99;
    font-family: Arial, sans-serif;
}