@font-face {
  font-family: "Manrope";
  src: local("Manrope");
  font-display: swap;
}

* {
  box-sizing: border-box;
}

html {
  color: #270c5c;
  background: #f1ecec url("../reference/brick-wall-clean-tile.jpg") repeat;
  background-size: 220px 120px;
  font-family: Manrope, Arial, sans-serif;
  line-height: 1.55;
}

body {
  width: min(100% - 32px, 980px);
  margin: 32px auto;
  padding: clamp(24px, 4vw, 56px);
  border: 1px solid rgba(95, 57, 161, 0.14);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 22px 52px rgba(39, 12, 92, 0.12);
}

h1,
h2,
h3 {
  color: #270c5c;
  line-height: 1.12;
}

h1 {
  font-size: clamp(28px, 4vw, 44px);
  text-transform: uppercase;
}

p,
li {
  font-size: clamp(16px, 2vw, 20px);
}

a {
  color: #5f39a1;
  font-weight: 800;
}