@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800;900&display=swap');

html {
	scroll-behavior: smooth;
	max-width: 100%;
	overflow-x: hidden;
	font-family: 'Mukta', sans-serif;
}

body {
	margin: 0;
	max-width: 100%;
	position: static;
	overflow-x: hidden;
	text-wrap: balance;

	font-family: 'Mukta', sans-serif;
	background-color: #958941;
	background-image: radial-gradient(at 84% 12%, hsla(212, 75%, 71%, 1) 0px, transparent 50%),
	radial-gradient(at 22% 27%, hsla(168, 89%, 62%, 1) 0px, transparent 50%),
	radial-gradient(at 22% 17%, hsla(351, 78%, 74%, 1) 0px, transparent 50%),
	radial-gradient(at 91% 82%, hsla(150, 65%, 76%, 0.6) 0px, transparent 50%),
	radial-gradient(at 48% 80%, hsla(227, 62%, 71%, 1) 0px, transparent 50%),
	radial-gradient(at 79% 9%, hsla(268, 63%, 67%, 1) 0px, transparent 50%),
	radial-gradient(at 91% 88%, hsla(357, 95%, 74%, 1) 0px, transparent 50%);
}

#gradient-canvas {
	width: 100%;
	height: 100%;
	--gradient-color-1: #04f2da;
	--gradient-color-2: #0491ea;
	--gradient-color-3: #04b6e7;
	--gradient-color-4: #176bfc;
	z-index: -1;
	position: fixed;
	filter: brightness(85%) saturate(140%);
}

a {
	color: #0123ff;
}

@media screen and (max-width: 385px) {
	li a .full_button {
		margin-left: 100%;
	}

	.navbar ul li a.empty_button {
		display: none;
	}
}