:root {
	--font-body: 'Montserrat', sans-serif;

	--bg-1: #161616;
	--bg-2: #303030;
	--text-1: #fafffd;
	--text-2: #a7a7a7;

	/* --theme-1: #49f2a6; */
	--theme-1: #95cff7;
	--theme-2: #496375;
	--theme-3: #587c96;
	/* --theme-1: #f7f195; */
}

* {
	box-sizing: border-box;

	scrollbar-width: thin;
	scrollbar-color: var(--theme-1) transparent;
}

html,
body {
	min-height: 100vh;
	margin: 0;
	font-family: var(--font-body), sans-serif;
	background-color: var(--bg-1);
}

body {
	padding: 2rem 8rem;
}

@media (max-width: 1296px) {
	body {
		padding: 1rem 4rem;
	}
}

@media (max-width: 768px) {
	body {
		padding: 1rem 2rem;
	}
}

@media (max-width: 576px) {
	body {
		padding: 1rem;
	}
}

h1,
h2,
h3,
h4,
p {
	margin: 0;
}

a {
	text-decoration: none;
}