body {
  margin: 0;
  line-height: normal;
}

:root {
  /* fonts */
  --small-regular: Inter;

  /* font sizes */
  --small-regular-size: 1rem;
  --h2-size: 2.5rem;
  --paragraph-size: 1.13rem;
  --h3-size: 1.88rem;
  --h1-size: 3.75rem;
  --h4-size: 1.5rem;

  /* Colors */
  --white: #fff;
  --grey: #9ca3af;
  --gray-500: #6b7280;
  --primary: #5b00ff;
  --dark-blue: #201a7a;
  --light-grey: #f9fafb;
  --gray-700: #374151;
  --gray-200: #e5e7eb;
  --black: #111827;

  /* Gaps */
  --gap-13xl: 2rem;
  --gap-5xl: 1.5rem;
  --gap-xs: 0.75rem;
  --gap-base: 1rem;
  --gap-21xl: 2.5rem;

  /* Paddings */
  --padding-29xl: 3rem;
  --padding-13xl: 2rem;
  --padding-5xs: 0.5rem;
  --padding-xl: 1.25rem;
  --padding-61xl: 5rem;
  --padding-smi: 0.81rem;
  --padding-6xl: 1.56rem;
  --padding-2xl: 1.31rem;
  --padding-5xl: 1.5rem;
  --padding-45xl: 4rem;
  --padding-4xs: 0.56rem;
  --padding-mid: 1.06rem;

  /* border radiuses */
  --br-7xs: 6px;
  --br-xs: 12px;

  /* Effects */
  --shadow-xl-x: 0px 20px 25px -5px rgba(0, 0, 0, 0.1),
    0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  --shadow-base: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-sm: 0px 1px 2px rgba(0, 0, 0, 0.05);
}

a{
  text-decoration: none;
}

button {
  border: none;
  outline: none;
}

button:hover{
  cursor: pointer;
}