*, *::before, *::after {
  box-sizing: border-box;
}
* {
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  padding: 0;
  margin: 0;
font-family: 'poppins';	
/*font-family: 'poppins', sans-serif;		*/
  min-height: 100%;
  line-height: 1.5;
  background: var(--body-background);
  color: var(--body-text);
}
input, button, textarea, select {
  font: inherit;
}
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}
ol, ul {
  list-style: none;
}
a {
  text-decoration: none;
  color: inherit;
}
button {
  cursor: pointer;
}
div, article, section, a, ul, li, aside, address, form {
  position: relative;
}
p a {
  border-bottom: solid 2px currentColor;
}
address {
  font-style: normal;
}
::selection {
  background: black;
  color: yellow;
}
* {
  /*-----------------------------------------*/
  /* Primary Colors Light and Dark*/
  /*-----------------------------------------*/
  --brand-dark3: hsl(var(--brand-hue) 14% 17%);
  --brand-light3: hsl(var(--brand-hue) 24% 97%);
  /*-----------------------------------------*/
  /* Applied to body element*/
  /*-----------------------------------------*/
  --body-background: var(--brand-light3);
  --body-text: var(--brand-dark3);
}

p, nav {
  font-size: 1.25rem;
}
p {
	margin-bottom: 32px;
}

nav ul {
	display: flex;
	justify-content: center;
	margin-bottom: 32px;
}

nav a {
	padding: 6px 12px;
}
.wrapper {
  width: min(100% - 2rem, 1200px);
  margin-inline: auto;
}
/*
@supports (display: grid) {
	body {
		background: green;
	}
}
*/



		@font-face {
			font-family: "poppins";
			src: url("https://home-service-fonts.s3.us-west-2.amazonaws.com/Poppins-Regular.woff2") format("woff2"),
				url("https://home-service-fonts.s3.us-west-2.amazonaws.com/Poppins-Regular.woff") format("woff");
			font-weight: 400;
			font-style: normal;
			font-display: swap;
		}

		@font-face {
			font-family: "poppins";
			src: url("https://home-service-fonts.s3.us-west-2.amazonaws.com/Poppins-Medium.woff2") format("woff2"),
				url("https://home-service-fonts.s3.us-west-2.amazonaws.com/Poppins-Medium.woff") format("woff");
			font-weight: 500;
			font-style: normal;
			font-display: swap;
		}
		@font-face {
			font-family: "poppins";
			src: url("https://home-service-fonts.s3.us-west-2.amazonaws.com/Poppins-SemiBold.woff2") format("woff2"),
				url("https://home-service-fonts.s3.us-west-2.amazonaws.com/Poppins-SemiBold.woff") format("woff");
			font-weight: 600;
			font-style: normal;
			font-display: swap;
		}