@import url('https://fonts.googleapis.com/css2?family=Modak&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center;

	transition: background-image 5s ease-in-out;
}

body::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;  
	height: 740px;
	z-index: -50;
} 

body::before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	top: 740px;
	z-index: -50;
	height: 100%;
}

#pageContents {
	margin-top: 300px;
	margin-bottom: 32px;
}

@media ( max-width: 991px ) {
	body::after {
		height: 200px;
	}

	body::before {
		top: 200px;
	}

	#pageContents {
		margin-top: 120px;
		margin-bottom: 40px;	
	}
}

/*
body {
	animation: headerBG 120s ease-in-out infinite;

	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100%;
}

keyframes headerBG {
        0% { background-image: url('/images/bg01.png'); }
        10% { background-image: url('/images/bg02.png'); }
        20% { background-image: url('/images/bg03.png'); }
        30% { background-image: url('/images/bg04.png'); }
        40% { background-image: url('/images/bg05.png'); }
        50% { background-image: url('/images/bg06.png'); }
        60% { background-image: url('/images/bg07.png'); }
        70% { background-image: url('/images/bg08.png'); }
        80% { background-image: url('/images/bg09.png'); }
        90% { background-image: url('/images/bg10.png'); }
        100% { background-image: url('/images/bg11.png'); }
}
*/

#socials svg {
	height: 24px;
}

#socials svg path {
	fill: orange;
}

#socials svg:hover path {
	fill: yellow;
}

.navbar-brand img {
	height: 40px;
}

.navbar-brand span {
	font-family: "Poppins", System-UI;
	font-weight: 700;
	font-style: normal;
}

.profile-icon {
	border-radius: 50%;
	background-clip: border-box;
	height: 40px;
}

.dropdown-item img {
	height: 20px;
	width: 20px;

	border-radius: 50%;
	background-clip: border-box;
}