.alert{
	background-color: rgb(243, 245, 244);
	background-image: url("../images/stars-left-white.svg");
	background-repeat: no-repeat;
	background-position: 0 top;
  	background-size: contain;
	-webkit-animation: slideIn 0.25s linear 1;
	-moz-animation: slideIn 0.25s linear 1;
	animation: slideIn 0.25s linear 1;
}
@-webkit-keyframes slideIn{
	0% {
		opacity: 0;
		webkit-translate: 0 -50px;
	}
	100% {
		opacity: 1;
		webkit-translate: 0 0;
	}
}
@-moz-keyframes slideIn{
	0% {
		opacity: 0;
		moz-translate: 0 -50px;
	}
	100% {
		opacity: 1;
		moz-translate: 0 0;
	}
}
@keyframes slideIn {
	0% {
		opacity: 0;
		translate: 0 -50px;
	}
	100% {
		opacity: 1;
		translate: 0 0;
	}
}
.alert-text{
	margin: 75px 50px;
	font-size: 32px;
	line-height: 1.15;
	text-align: center;
}
.hide-alert{
	float: right;
	margin: 5px 5px 0 0;
}
.hide-alert path{
	fill: #DC1F34;
	transition: fill 0.5s ease;
}
.hide-alert:hover path{
	fill: #007DB6;
}

.fade-background{
	animation: fadeBackground 0.25s linear 1;
}
@keyframes fadeBackground {
	0%{
		background-color: rgba(0, 0, 0, 0);
	}
	100%{
		background-color: rgba(0, 0, 0, 0.65);
	}
}

.hide-animation{
	animation: hideAlert 0.25s linear 1;
}