.img-fluid:hover{
transform: translateX(-10px);

}

.cards:hover{
transform: translateY(-10px);
}

.btn:hover{
transform: translateY(-5px);

}

.input [type="submit"]:hover{
transform: translateY(-5px)
}

.dropdown{
	float: left;
	overflow: hidden;
}
.dropdown .dropbtn{
	font-size: 16px;
	border: none;
	outline:  none;
	color:  white;
	padding:  14px 16px;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
}

.nav bar a:hover, .dropdown:hover .dropbtn{
	background-color: red;
}

.dropdown-content{
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgb(0, 0, 0, 0.2);
	z-index: 1;
}

#TERM {
	float: none;
	color: white;
	padding: 5px 5px;
	text-decoration: none;
	display: none;
	text-align: left;
}

#TERM:hover{
	background-color: white;
}