html, body, footer{
	margin: 0px;
	padding: 0px;
}

p, ul{
	font-size: large;
}

p .ask_abi{
	font-size: x-large;
}

.ask_abi{
	font-family: "Gochi Hand", cursive;
	font-weight: 400;
	padding: 3px;
	color: #002357;
}

.app-btn{
	background: radial-gradient(#033B8F,#002357);
	border: none;
	font-size: large;
	color: white;
}

.app-btn:hover{
	background: #4671B1;
	color:white;
}


/* Login Button */
	.btn-login{
		background-color: #033B8F;
		font-size: small;
		color: white;
		min-width: 100px;
	}

	.btn-login:hover{
		background-color: #4671B1;
	}


/* Navbar */
	.abi-nav{
		background-color: #002357;
		color: white; 
	}

	.nav-link{
		color: white;
	}

	.nav-link:hover{
		color: #4671B1;
	}


/* Ask Abi Logo */

	.abi_logo{
		padding-right: 30px;
		cursor: pointer;
	}
	.abi_logo .ask_abi{
		padding-right: 0px;
		margin-right: 0px;
		color: white;
	}


/* Ask Abi Header */
	.row-background{
		background-color: #002357;
		height: 400px;
		width: 100%;
		margin: 0px;
		color: white;
	}

	.home-header{
		background-image: url("../../images/home_header.png");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}


/* Homepage Content */
	.abi_img{
		width:100%;
	}

	.vertical-bar{
		width: 7px;
		height: 100%;
		background-color: #002357;
		margin-left:30px;
	}


	.abi-divider{
	height: 2px;
	width: 100%;
	background-color: #002357;
	margin: 10px;
	margin-bottom: 40px;
}


/* Footer Content */
	.footer-divider{
		width: 2px;
		height: 100%;
		background-color: white;
	}

	.footer-row{
		background-image: url("../../images/footerImg.png");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		height: inherit;
	}


/* App Content */
	.app-page{
	background-color: white;
	min-height: 70vh;
	border-radius: 10px;
	box-shadow: 0.1vw 0.1vh 0.3vw lightgray;
	}

.dash-section{
	background-color: #F8F8F8;
	box-shadow: 0.05vw 0.05vh 0.15vw lightgray;
	min-height: 200px;
}

.tab-link{
	color:#002357;
}
.tab-link:hover{
	background-color: white;
}

.hover{
	border: 0.5px solid #C6C6C6;
}

.hover:hover{
	border: 1px solid #002357;
}


.profile-img-wrapper {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1; 
	max-width: 300px; 
}

.profile-img-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.profile-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(108, 117, 125, 0.6); 
	color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease;
	cursor: pointer;
}

.profile-img-wrapper:hover .profile-overlay {
	opacity: 1;
}