/* NOTIFICAITON */

.notificationPanel{
    position:fixed;
    width:300px;
    right:0;
    bottom:0;
    z-index: 99999;
}

.notification{
    margin:20px 20px;
    padding:15px;
    font-size:1em;
    cursor:pointer;
    border-radius:5px;
}

.notification > p{
    margin:0;
}

    .notification.success {
        background-color: var(--light-green);
        border: 1px solid var(--dark-green);
        color: var(--dark-green);
    }

    .notification.warning {
        background-color: var(--light-yellow);
        border: 1px solid var(--dark-yellow);
        color: var(--dark-yellow);
    }

    .notification.error {
        background-color: var(--light-red);
        border: 1px solid var(--dark-red);
        color: var(--dark-red);
    }