#notif {
    z-index: 30;
    bottom: 25px;
    right: 25px;
    transform: translateY(-100vh);
    animation: slideDown 2s ease-out forwards;
}
#notif p { padding: 15px; }
#notif i {
    margin-top: 5px;
    margin-right: 10px;
    color: var(--grey-3);
    transition: 0.3s all;
}
#notif i:hover {
    cursor: pointer;
    color: var(--grey-4) !important;
}
@keyframes slideDown {
    0% {
        transform: translateY(-100vh);
        opacity: 0;
    }
    90% { 
        transform: translateY(25px);
        opacity: 0.9; 
    }
    95% { 
        transform: translateY(-5px);
        opacity: 0.95; 
    }
    100% { 
        transform: translateY(0);
        opacity: 1; 
    }
}