:root {
	--notif-bg: #67bd3a;
	--notif-error-bg: #E64848;
	--notif-border: #3C920F;
	--notif-error-border: #BF2121;
}

/* NOTIFICATION */

#notifications {position: fixed; top: 0; right: 0; width: 350px;}

#notifications .notification {width: 100%; color: #FFF; font-size: 1.05em; font-weight: 600; background-color: var(--notif-bg); border: solid 3px var(--notif-border); padding: 15px 20px; box-sizing: border-box;}
#notifications .notification-error {background-color: var(--notif-error-bg); border-color: var(--notif-error-border);}
#notifications .notification + .notification {border-top: none;}
#notifications .notification:last-child {border-radius: 0 0 0 12px;}
#notifications .notification:hover {cursor: pointer;}