@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css?family=Poppins:400,600&display=swap&subset=latin-ext');

body {
	font-family: 'Poppins', sans-serif !important;
	width: 100wh;
	height: 90vh;
	color: #000 !important;
	background: linear-gradient(45deg, #ff649e, #fff, #3c276a);
	background-size: 400% 400%;
	animation: Gradient 15s ease infinite;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

.shake {
	animation: shake-animation 4.72s ease infinite;
	transform-origin: 50% 50%;
}

@keyframes shake-animation {
	0% { transform:translate(0,0) }
	1.78571% { transform:translate(5px,0) }
	3.57143% { transform:translate(0,0) }
	5.35714% { transform:translate(5px,0) }
	7.14286% { transform:translate(0,0) }
	8.92857% { transform:translate(5px,0) }
	10.71429% { transform:translate(0,0) }
	100% { transform:translate(0,0) }
}

.circle {
	box-shadow: 0 0.2rem 1rem #000; 
	border-radius: 5rem;
}

.logo {
	background-image: url('maminkar@2x.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #fff;
	padding: 5rem;
}

.social-icon {
	color: #000;
	font-size: 2rem;
}

.custom-icon {
	line-height: 1rem;
	display: inline-block;
}

.btn-custom {
	font-size: 1.4rem !important;
	width: 70%;
	padding: 1rem !important;
}