#toast {
		position: fixed;
		bottom: 30px;
		left: 50%;
		padding: 10px 30px;
		transform: translate(-50%, 10px);
		border-radius: 30px;
		overflow: hidden;
		font-size: 12px;
		opacity: 0;
		visibility: hidden;
		transition: opacity .5s, visibility .5s, transform .5s;
		background: rgba(255, 211, 22, .75);
		color: #4d4d4d;
		z-index: 10000;
		font-weight:700;
		box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
		width: 62%;
		text-align: center;
	}

	#toast.reveal {
		opacity: 1;
		visibility: visible;
		transform: translate(-50%, 0)
	}