:root {
  --l: #E6E7E8;
  --d: #221F1F;
  --lb: #00ADEE;
  --p: #EB008B;
  --dp: #85004F;
  --grade: linear-gradient(90deg, #85004F, #EB008B, #00ADEE);

}

* {
  margin: 0;
  line-height: calc(1em + 0.5rem);
}

html {
  scroll-behavior: smooth;
  background-color: var(--l);

  scroll-padding-top: 20vh;
}

img, picture, video,  canvas, svg {
  display: block;
  max-width: 100%;
  user-select: none;
}

button {
  display: inline-block;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  text-transform: uppercase;
  font-family:inherit;
}

a {
  text-decoration: none;
}

.point-left {
  border-top-right-radius: 10rem;
  border-bottom-left-radius: 10rem;

  background-color:#221F1F;

  width: 35%;
  height: 45%;
}

.point-right {
  border-top-left-radius: 10rem;
  border-bottom-right-radius: 10rem;

  background-color:#221F1F;

  width: 35%;
  height: 45%;

}

.cta {
  background: var(--grade);

  width: fit-content;
  padding-left: 1rem;
  padding-right: 1rem;

  border-radius: 3px;

  text-transform: capitalize;

  color: white;
}

.font-buff {
  font-weight: 600;
  font-size: 20px;
  line-height: 2.5rem;
  
}

h2 {
  font-size: 200%;
  text-align: center;
  padding-bottom: 1rem;
}

li {
  font-weight: 600;
  font-size: 20px;
  padding-bottom: 10px;
  color: #312f2f;
}

.p {
  color: var(--p);
}

.lb {
  color: var(--lb);
  
}

.dp {
  color: var(--dp);
}

.l {
  color: var(--l);
  -webkit-text-stroke: 1px var(--d);
}