* {
	padding: 0;
	margin: 0;
	font-family: "Poppins";
	box-sizing: border-box;
}

a {
	color: white;
	text-decoration: none;
}

.btn {
	color: white;
	border: 2px solid white;
	background-color: transparent;
	padding: 7px 20px;
	cursor: pointer;
	display: inline-block;
}

.black-btn {
	background-color: black;
	color: white;
	padding: 7px 20px;
	cursor: pointer;
	display: inline-block;
}

h1 {
	font-size: 2.3rem;
}

h2 {
	font-size: 18px;
}

p,
a {
	font-size: 15px;
}

@media only screen and (min-width: 600px) {
	h1 {
		font-size: calc(1vw + 30px);
	}

	h2 {
		font-size: calc(0.5vw + 15px);
	}

	p {
		font-size: 1rem;
	}
	a {
		font-size: 0.8rem;
	}
}

@media only screen and (min-width: 976px) {
	h1 {
		font-size: calc(4vw + 2rem);
	}

	h2 {
		font-size: calc(1vw + 1rem);
	}

	p,
	a {
		font-size: 1.1rem;
	}
}

@media only screen and (min-width: 1800px) {
	h1 {
		font-size: calc(5vw + 3rem);
	}

	h2 {
		font-size: calc(1vw + 2rem);
	}

	p {
		font-size: 1.5rem;
	}
	a {
		font-size: 1.3rem;
	}
}

/* For WebKit browsers (e.g., Chrome, Safari) */
::-webkit-scrollbar {
	width: 12px; /* Width of the scrollbar */
}

/* Track */
::-webkit-scrollbar-track {
	background: #f5f5f5; /* Lighter background color of the track */
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #bbb; /* Lighter color of the handle */
	border-radius: 6px; /* Rounded corners of the handle */
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #999; /* Lighter color of the handle on hover */
}