/* Style rules for body */
body {
	background-color: #E9EDF0;
	font-family: Arial, Helvetica, sans-serif; 
	margin: 20px; 
	color: #222; 
}

.gryphon {
    color: #1E9661; 
	font-family: 'Times New Roman', serif;
}

.university {
	font-family: 'Times New Roman', serif;
}
.list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.list li {
	background-color: #AFC7BD;
    padding: 10px;
    margin-bottom: 8px;
    border-radius: 6px;
    font-size: 18px;	
}

.list li a {
    text-decoration: none;
    color: black;
    display: block;
}

.list li a:hover {
    color: #1E9661;
}

h1 { 
	margin-bottom: 10px; 
}

table { 
	border-collapse: collapse; 
	width: 100%; 
	max-width: 1000px; 
	margin-top: 10px; 
}

th, td { 
	border: 1px solid #ccc; 
	padding: 8px 10px; 
	text-align: left; 
	background: #D8F2E6;
}

th { 
	background: #AFC7BD; 
}

.error { 
	background: #b00020; 
	color: #fff; 
	padding: 8px; 
	margin-bottom: 10px; 
}

.success { 
	background: #dff0d8; 
	color: #0a5; 
	padding: 8px; 
	margin-bottom: 10px; 
}

label { 
	display: block; 
	margin: 6px 0; 
}

a { 
	color: #0066cc; 
	text-decoration: none; 
}

a:hover { 
	text-decoration: underline; 
}

/* Style rules for mobile viewport */

/* Style rules to show mobile class and hide tab-desk class */
.mobile {
	display: block;
}

.tab-desk {
	display: none;
}