/* All basic styling can be found here */
html {
  scroll-behavior: smooth;
}
/* Fonts */
.font-fancy{
	font-family: var(--font-fancy);
}
.font-primary{
	font-family:  var(--font-primary);
}

/* Generic Heading Styling */
.section-heading{
	font-size: var(--h2-font-size);
  font-weight: var(--bold);
  padding-bottom: 5px;
}
.section-sub-heading{
	font-size: var(--h3-font-size);
  color: var(--blue);
  font-weight: bold;
}
.sub-heading-plain{
	font-size: var(--h3-font-size);
}

/* Generic Spacing Styling */
.section-spacing{
	margin-bottom: var(--spacing-xl);
}
.remove-margin-bottom{
	margin-bottom: 0;
}
.add-margin{
	margin: 0 var(--spacing-sm);
}
.add-margin-bottom{
  margin-bottom: 50px;
}

/* Body Text Styling */
.text-blurb-basic{
	font-size: var(--h5-font-size);
	line-height: 26px;
	max-width: 1120px;
}
.text-blurb-center{
  font-size: var(--h3-font-size);
	text-align: center;
  padding: 0 var(--spacing-lg) 40px;
  max-width: 800px;
}
.list-items{
	line-height: 37px;
}

/* List Styling */
.list {
  padding: 20px 30px;
  border-top: 1px solid var(--light-grey);
	border-left: 6px solid var(--pink);
  border-radius: 10px;
  box-shadow: 5px 5px 9px var(--light-grey);
	background-color: var(--white);
}
.list p {
  padding-bottom: 10px;
}
.list p i {
  padding-right: 8px;
}

/* Flex That Styling */
.flex-me{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
/* Flexing the items inide the flex-me container */
.flex-section{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
  align-items: center;
	max-width: 1220px;
  padding: 0 var(--spacing-lg);
	margin: 0 auto var(--spacing-lg);
}

/* Links Styling */
.link{
	font-size: var(--h4-font-size);
	color: var(--blue);
  text-decoration: underline;
}
.link:hover{
	color: var(--blue);
	text-decoration: underline;
}
.link:visted{
	color: var(--blue);
}