section {
	padding: 60px 0;
}

body {
	font-family: sans-serif;
}

/* Fade In Animation for everything */
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.fade-in-section {
	opacity: 0;
	transform: translateY(20px);
}

.fade-in-section.animate {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 1s ease-out, transform 1s ease-out;
}

/* END FADE IN Animation*/

/* Home section background */
.home-section {
	height: 100vh;
	background-image: url('images/homePage.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
/* End Home section */

/* Project Cards */
.custom-card {
	transition: border-color 0.3s ease;
	border: 2px solid transparent;
}

.custom-card:hover {
	border-color: #008080;
}

.custom-image {
	transition: transform 0.3s ease;
}

.custom-card:hover .custom-image {
	transform: scale(1.05);
}

/* END Projects Cards*/

/* Technology Badges under Projects */
.badge {
	padding: 0.6em 0.8em;
	background-color: #f8f9fa;
	color: #212529;
	transition: background-color 0.3s ease;
}

/* Technology Badges under Projects */

/* Social Icons in Contact me & Project Section */
.social-icons {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.social-icons a {
	color: #212529;
	font-size: 175px;
	margin: 0 75px;
	transition: color 0.3s ease, background-color 0.3s ease;
}

/* Hover effect */
.social-icons a:hover {
	color: #008080;
}

/* End Social Icons in Contact me & Project Section */

/* Home page Badge */
.badge-home {
	padding: 0.4em 0.6em;
	background-color: #282a2ca1;
	border: 2px solid #008080 !important;
}

.badge-spacing {
	margin-bottom: 100px;
	/* Adjust the space as needed */
}

/* END Home page Badge */

/* Custom color Start*/
.custom-color {
	border-color: #008080;
	background-color: white;
}

.custom-color:hover {
	border-color: #008080;
	background-color: #008080;
	color: white;
}

/* END Custom color */
/* Custom underline for sections */
.underline-teal {
	text-decoration: underline;
	text-decoration-color: #008080;
	text-underline-offset: 5px;
	text-decoration-thickness: 3px;
}
/* End custom line for sections*/

/* Custom Accordion */
.accordion-button {
	background-color: white;
}

.accordion-button:not(.collapsed) {
	background-color: #008080;
	
	color: white;
}

.accordion-body {
	background-color: white;
}

.accordion-button:hover {
	background-color: #008080;
	
	border-color: #008080;
	color: white;
}

.accordion-button:focus {
	outline: 2px solid #008080;
	box-shadow: none;
}
/* End custom accordion*/

/* Footer */
.footer {
    background-color: #f8f9fa;
    color: #212529; 
    padding: 10px 0;
    font-size: 1rem;
}


.email-container {
	position: relative;
	display: inline-block;
}

.copied-tooltip {
	visibility: hidden;
	position: absolute;
	bottom: 0%; /* Position above the icon */
	left: 50%;
	transform: translateX(-50%);
	background-color: #333;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 0.8rem;
	opacity: 0;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	white-space: nowrap;
	z-index: 10;
}

.copied-tooltip.show {
	visibility: visible;
	opacity: 1;
}