.notification-success{
    margin-left: 250px;
    padding: 0px 10px;
    padding: 15px;
    background: rgb(211, 255, 211);
    border-radius: 10px;
    width: 80%;
    font-size: smaller;
    margin-top: 10px;
}

.notification-warning{
    margin-left: 250px;
    padding: 0px 10px;
    padding: 13px;
    background: rgb(255, 242, 206);
    border-radius: 10px;
    width: 80%;
    font-size: smaller;
    margin-top: 10px;
}

.close-notification-button{
    background: none;
    float: right; 
}

.close-notification-button button{
    background: none;
    border: none;
    color: rgb(85, 84, 84);
}

.notification-danger{
    margin-left: 250px;
    padding: 0px 10px;
    padding: 15px;
    background: rgb(255, 206, 206);
    border-radius: 10px;
    width: 80%;
    font-size: smaller;
    margin-top: 10px;
}

.hide-notification{
    display: none;
}

@media screen and (max-width: 1000px){
    .notification-danger{
        margin: 10px auto;
        width: 90%;
    }

    .notification-success{
        margin: 10px auto;
        width: 90%;
    }

    .notification-warning{
        margin: 10px auto;
        width: 90%;
    }
    
}