:root {
  --linen: #EEE8E0;
  --cashmere: #DDD0BF;
  --cotton: #CCD6D9;
  --concrete: #4D5055;
  --porcelain: #FFFFFF;
  --leather: #B18D66;
  --cashmere-light: #efe8de;
}

@font-face {
  font-family: Butler-light;
  src: url(/fonts/Butler-Light.woff2);
}

@font-face {
  font-family: Butler-stencil;
  src: url(/fonts/Butler_Regular_Stencil.otf);
}

@font-face {
  font-family: Poppins-light;
  src: url(/fonts/Poppins-Light.ttf);
}

@font-face {
  font-family: Poppins-thin;
  src: url(/fonts/Poppins-Thin.ttf);
}

main {
  display: -ms-grid;
  display: grid;
  place-items: center;
  min-height: 100vh;
}

.content_wrapper {
  max-width: 75ch;
  text-align: center;
  padding: 3rem 0;
  border-top: 3px solid var(--cashmere);
  border-bottom: 3px solid var(--cashmere);
}

.content_wrapper h1 {
  font-family: Butler-light;
  font-size: 3rem;
  color: var(--cashmere);
}

.content_wrapper h4 {
  font-family: Poppins-Light;
  color: var(--leather);
  text-transform: uppercase;
}

.content_wrapper p {
  font-family: Poppins-Light;
}
/*# sourceMappingURL=styles.css.map */