/* CODE4 Common CSS */
body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#header {
	background: #343a40;
}

#header .navbar-brand {
	color: #fff;
	font-weight: bold;
}

#header .nav-link {
	color: rgba(255,255,255,.8);
}

#header .nav-link:hover {
	color: #fff;
}

.jumbotron {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: #fff;
}

.jumbotron .btn-primary {
	background: #fff;
	color: #667eea;
	border: none;
}

.jumbotron .btn-primary:hover {
	background: #f8f9fa;
	color: #764ba2;
}

.card {
	transition: transform 0.2s;
}

.card:hover {
	transform: translateY(-5px);
	box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}