@import url('https://fonts.googleapis.com/css2?family=Zeyada&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

*,
*::after,
*::before {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
}

.app-body {
	display: flex;
	flex-direction: column;
}


#home {
	scroll-margin-top: 200px;
}

#aboutMe {
	scroll-margin-top: 120px;
}

#experience {
	scroll-margin-top: 120px;
}

#projects {
	scroll-margin-top: 100px;
}

#skills {
	scroll-margin-top: 100px;
}

@media (min-width: 478px) {
	html {
		font-size: 18px;
	}
}

@media (min-width: 678px) {
	#aboutMe {
		scroll-margin-top: 100px;
	}

	#experience {
		scroll-margin-top: 100px;
	}


	#projects {
		scroll-margin-top: 130px;
	}

	#skills {
		scroll-margin-top: 120px;
	}

}

@media (min-width: 960px) {
	html {
		font-size: 20px;
	}
}

@media (min-width: 1600px) {
	html {
		font-size: 24px;
	}
}