:root{
	--brand-primary: #1d1d1b;
	--text-color: #fff;
	--alert-success: #008000;
	--alert-error: #f00;
	--alert-warning: #ff0;
	--alert-info: #00f;
}

#menu{
	position:fixed;
	width:100%;
}

.main {
	padding: 2em;
	padding-top:85px;
}

.alert, .alert-info, .alert-warning, .alert-error,.alert-success{padding:2rem;}
.alert-success, .success{
	background-color:var(--alert-success);
}
.alert-info, .info{
	background-color:var(--alert-info);
}
.alert-warning, .warning{
	background-color:var(--alert-warning);
}
.alert-error, .error{
	background-color:var(--alert-error);
}
.alert-error, .alert-success, .error, .warning, .success{
	color:#fff;
}


@media screen and (max-width: 48em){
	/*Responsive table for mobile and tablet*/
	.pure-table{
		display:block;
		overflow: scroll;
	}
}