:root{
	--teal: #2ec1ac;
	--teal_hover:#279e8c;
}
*{
	font-family: 'Poppins', sans-serif;
}
.h-font{
	font-family: 'Merienda' cursive;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textarea;
}
.custom-bg{
	background-color: var(--teal);
	border: 1px solid var(--teal);
}
.custom-bg:hover{
	background-color: var(--teal-hover);
	border-color: var(--teal-hover);
}

.h-line{
	width: 150px;
	margin: 0 auto;
	height: 1.7px;
}
@media only screen and (max-width: 780px) {
	.topsection {
		display: grid;
	}
}