@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap");

:root {
  --black: #0e0e0e;
  --purple: #8a1e61;
  --purple-light: #8a206133;
  --purple-hover: #74134e;
  --white: #ffffff;
  --white-grey: #eff2f4;
  --grey: #939393;
  --yellow: #ffa800;
  --green: #008000b9;
  --green-hover: #008000cf;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 10px;
  color: var(--black);
  background-color: var(--white);
}

/* FLEX */
.d-flex-col {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: space-between;
}

/* CONTAINER */
.container {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 2rem;
}

/* MARGIN */
.mb-1x {
  margin-bottom: 8px;
}
.mb-2x {
  margin-bottom: 16px;
}
.mt-1x {
  margin-top: 1rem;
}
/* COLOR */
.clr-primary {
  color: var(--purple);
}
/* fw-600 */
.fw-600 {
  font-weight: 600;
}

/* HEADING */
h4 {
  font-size: 1.3rem;
  font-weight: 600;
}
h5 {
  font-size: 1rem;
}
h6 {
  font-size: 1rem;
  font-weight: 600;
}
/* TEXT */
p {
  font-size: 0.8rem;
  font-weight: 400;
}

/* LETTERHEAD */
.section-letter-head {
  height: 10vh;
}