/* Variables */

:root {
	--primary: #f97316;
  --secondary: #faebf3;
  --tertiary: #e5f3f4;
	--white: #ffffff;
  --dark: #2d2d2d;
}

/* Utilities */

body {
	color: var(--dark);
  font-size: 18px;
  line-height: 1.6em;
  font-weight: 400;
  font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
}

/* Logo */

.logo {
	max-width: 9rem;
}

/* Buttons */

.main-btn {
	color: var(--white);
	background-color: var(--primary);
}

/* Layout */

.intro {
	padding-top: 8rem;
}

.stats {
	position: relative;
}

.stats::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 90%;
	height: 70%;
	z-index: -1;
}

.stats-secondary::after {
	background-color: var(--secondary);
}

.stats-tertiary::after {
	background-color: var(--tertiary);
}

.stats img {
	width: 100%;
	max-width: 16rem;
}

/* Responsive */

@media (min-width: 768px) {

	.logo {
		max-width: inherit;
	}

}