:root{
--color-primary: rgb(112, 250, 218);
--color-primary-lighter: rgb(211, 254, 244);
--color-secondary: rgb(54,141,158);
--color-secondary-lighter: rgb(121, 179, 191);
--ocker: rgb(219,199,44);
}

@font-face
{
  font-family: "Cheese Sauce";
  font-style: normal;
  font-weight: 100 900;		
  font-display: swap;
  src: url("../fonts/Cheese\ Sauce.ttf") format("truetype");
}

h3{
  
  font-size: 1.5rem;
  line-height: 1.9rem;
  color: var(--color-secondary);
}

.services{
  padding-top: 4rem;
  padding-bottom: 2rem;
  background-color: var(--color-secondary-lighter);
  background-image:  linear-gradient(var(--color-primary-lighter), var(--color-secondary-lighter));

}

.services_container
{
  margin-left: auto;
  margin-right: auto;
}

.services_header
{
  color: black;
  font-family: "Cheese Sauce";
  font-weight: 700;
  font-size: 3.5rem;
  line-height: 2.25rem;
  text-align: center;
  margin-bottom: 3rem;
}

.services_disclaimer
{
  margin-left: 2rem;
  margin-right: 2rem;
  margin-bottom: 2rem;
  text-align: center;
}

.services_svg-container{
  background-color: var(--color-primary-lighter);
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 4rem;
  height: 4rem;
  margin-bottom: 1rem;
}

.services_svg{
 fill: var(--color-secondary);
 stroke: var(--color-secondary);
}

.services_svg-svg{
  height: 70%;
}