* {
	box-sizing: border-box;
	margin: 0; padding: 0;
}

.alert {
	position: relative;
	padding: 0.65em 0.85em !important;
	margin: 0.35em 0;
	background-color: rgba(150, 150, 150, 1);
	text-shadow: 0.05rem 0.05rem rgba(0, 0, 0, 0.75);
}

.success {
	border-left: 0.3em solid rgb(36, 241, 6);
	color: #0ad406;
}

.success a, .success a:visited {
	text-decoration: underline;
	color: #0ad406;
}

.success a:hover {
	color: rgba(7, 149, 66, 1);
}

.warning {
	border-left: 0.3em solid rgba(241, 142, 6, 0.81);
	color: #ffb103;
}

.warning a, .warning a:visited {
	text-decoration: underline;
	color: #ffb103;
}

.warning a:hover {
	color: rgba(220, 128, 1, 1);
}

.error {
	border-left: 0.3em solid rgba(241, 6, 6, 0.81);
	color: #ff0303;
}

.error a, .error a:visited {
	text-decoration: underline;
	color: #ff0303;
}

.error a:hover {
	color: rgba(220, 17, 1, 1);
}

.info {
	border-left: 0.3em solid rgb(6, 44, 241);
	color: #0396ff;
}

.info a, .info a:visited {
	text-decoration: underline;
	color: #0396ff;
}

.info a:hover {
	color: rgba(7, 73, 149, 1);
}

.note {
	border-left: 0.3em solid rgba(6, 241, 226, 0.81);
	color: #03d0ff;
}

.note a, .note a:visited {
	color: #03d0ff;
	text-decoration: underline;
}

.note a:hover {
	color: rgba(6, 241, 226, 1);
}