@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");

:root {
  /* Font */
  --font-primary: "Inter", sans-serif;
  font-family: var(--font-primary);

  /* Titles */
  --title-size1: 2rem;
  --title-size2: 1.5rem;
  --title-size3: 1.25rem;
  /* Texts */
  --text-size1: 0.875rem;

  --font-weight1: 700;
  --font-weight2: 600;
  --font-weight3: 500;

  --line-height1: 150%;

  /* Brand Colors */
  --color-brand-1: #c2255c;
  --color-brand-2: #d6336c;
  --color-alert: #c22554;

  /* Grey Scale */
  --color-grey-1: #191c1f;
  --color-grey-2: #212529;
  --color-grey-3: #33363a;
  --color-grey-4: #373b3e;
  --color-grey-6: #a6a8a9;
  --color-grey-7: #ffffff;
}

.profile__body {
  width: 80%;
  max-width: 1000px;
  flex-direction: column;
  margin: 0 auto;
  background-color: var(--color-grey-2);
}