/*
*       RESETS
*/
* {
	font-family: var(--font-family);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html,
body {
	width: 100%;
	height: 100dvh;
	font-size: 16px;
	color: var(--black);
	overflow: hidden;
}

header,
footer {
	display: flex;
	justify-content: center;
	align-items: center;
}

button {
	cursor: pointer;
}

li {
	list-style: none;
}

h1 {
	font-size: 3rem;
	font-weight: 900;
}

p {
	font-size: 1rem;
}

h3 {
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--black);
}